CODEWITHSUNDEEP
angularjsangular-ui-grid
Aditya Khajuria
Aditya Khajuria

Reputation: 351

Angular ui-Grid - Horizontal Scrolling is not working when Paging is enabled

I have created a ui-grid and included the pagination to it. Now the pagination div is overriding the horizontal scroll and I am not able to scroll it.

<div id="grid1" ui-grid="gridOptions" ui-grid-paging class="grid"></div>

Please find the Plunker here - http://plnkr.co/edit/dVrkKF1G85F3e72BaUfi?p=preview

Remove the 'ui-grid-paging' from the div then the horizontal scroll is working fine.

Upvotes: 1

Views: 3526

Answers (1)

mainguy
mainguy

Reputation: 8331

You could add:

.ui-grid-pager-panel {
    top: 370px;
}

to your css. Where the top value depends on the height of your grid.

That's not very nice. But: Hey, it works!

See a Plunker here.

Upvotes: 1

Related Questions