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

1
votes

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.

1
angularjsangular-ui-grid

1 Answers

1
votes

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.