Start Building Professional
Web Apps Today

grid paging and scrollAt - styles at bottom are not lined up

I'm trying to set paging and also use splitAt. This functions fine, but the width of the "pagingArea" at the bottom appears to only be as wide as the scrollable portion of the split grid (rather than the full width). When I remove the splitAt, the pagingArea at the bottom is full width.

Is there a way to fix this via css or a proper ordering of the commands? I tried various orders (splitAt before and after enablePaging, but none worked).

...
grid.enableAutoHeight(true);
grid.enablePaging(true, 10, 3, "pagingArea", true);
grid.setSkin('light');
grid.setPagingSkin("bricks");
grid.init();
grid.splitAt(3);
grid.loadXMLString(gridXML);

Thanks,
John

This bug was confirmed and fixed. Fixed file will be send you by email