Grid cells not aligned with columns correctly when scrollin

Suite and Optimus Suite 5
#1

Hi There,
When I scroll the grid horizontally the cells are not aligning with columns correctly(see the attachment). please suggest me how to fix this?

Thanks

sample_alignment.JPG1618×989 16 KB

#2

Grid configuration:

mygrid = new dhtmlXGridObject(‘gridbox’);
mygrid.setImagePath("…/dhtmlx/dhtmlxGrid/codebase/imgs/");
mygrid.setHeader(“1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17”);

mygrid.attachHeader("#text_filter,#text_filter,#text_filter,#text_filter,#text_filter, , , , , , , , , , , , ");
mygrid.setInitWidths(“100,100,100,100,150,150,100,100,100,100,100,100,100,100,100,100,100”);
mygrid.setColAlign(“center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center,center”);
mygrid.setColTypes(“ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro”);
mygrid.setColSorting(“str,str,str,str,str,str,int,int,int,int,int,int,int,int,int,int,int”);
mygrid.enablePaging(true, 50, 5, “pagingArea”, true, “recinfoArea”);
mygrid.init();

mygrid.setSkin(“dhx_skyblue”);
mygrid.splitAt(2);
mygrid.loadXML(“generateXML.jsp”);

XML:

test test test test test test test test test test 80 1400 15 0 0 2000 0

Above is the code I used to configure grid. What should I do to make the cells aligned properly with corresponding columns when scrolling the grid horizontally?

Thanks.

#3

Remove mygrid.splitAt(2);

#4

I actually need splitAt(2) method to freeze first two columns.

However, I removed it, but that does not fix the issue.

#5

For us this has helped and we banished it.

#6

Are you using any custom css files on the page? It possible that they are defining some global styles for TD, TH elements, which can cause above behavior.

Also, it can be result of forcing compatibility mode in IE through headers