Start Building Professional
Web Apps Today

grid paging expands grid width and hides scrollbar

Hi there,

I have just come across a strange issue. I have a grid that I wanted to add paging to. I added paging and everything works great.

Then I add this line of code: myGrid.setPagingSkin("bricks");

All of a sudden, the grid width seems to expand and my scrollbar becomes half-hidden behind my layout border. Everything was sized exactly correctly before - something about that call makes the grid get wider though. It's very strange.

I took screen shots but I don't see a way to attach them. I can email them to someone if you send an email address.

I'm using a ton of components and don't want to copy and paste my whole code sample. Here is just the grid portion. If you need the rest please let me know.

// Build Grid
myGrid = new dhtmlXGridObject('gridbox');
myGrid.setSkin("light");
myGrid.setImagePath("/dhtmlx/dhtmlxGrid/codebase/imgs/");
myGrid.enableDragAndDrop(true);
myGrid.enableMultiselect(true)
myGrid.setDragText("Contact");
myGrid.enablePaging(true,20,3,"pagingArea",true);
myGrid.setPagingSkin("bricks");
myGrid.attachEvent("onRowDblClicked", doOnRowDoubleClicked);
myGrid.attachEvent("onDrag", doOnDragGrid);
myGrid.attachEvent("onDragIn", doOnDragInGrid);

myGrid.init();
myGrid.loadXML("/xmlgen/cm_table.php?user_id={$user->user_id}&view_id=" + view_id);

Thank you in advance!
Rachel

Please provide sample where this issue occurs including file which you are using to initialize grid at the support@dhtmlx.com