Grid: Header and columns have different width

Hi,
I’m using this code to display a grid:

[code]var mygrid = new dhtmlXGridObject(‘test’);
mygrid.setImagePath("./imgs/");
mygrid.setHeader(",Username,Online");
mygrid.setInitWidths(“24,120,*”);
mygrid.setColAlign(“left,left,left”);
mygrid.setColTypes(“img,ro,ro”);
mygrid.setColSorting(“str,str,str”);

mygrid.enableAutoHeight(true,500,true);

mygrid.init();
mygrid.setSkin("dhx_skyblue");
mygrid.enableMultiselect(false);
mygrid.enableColumnMove(false);
mygrid.load("./get_user.php", "json");
mygrid.attachEvent("onRowSelect", rowSelected);[/code]

In FireFox it looks allright, but in IE (vers. 9) the columns have all the same width over the full grid (in FF there is free space at the right side od the grid).

The header-cols and the row-cols does not fit, the row-cols are wider than the header-cols.
If I want to resize a column, larger or smaller, the div-container of the grid grows.
I don’t know whats going wrong :confused:

There are no javascript errors.

Does anyone have a solution?

thanks hibbert

Unfortunately the issue cannot be reconstructed. Locally your code works well for us.
If issue still occurs - please, provide a complete demo to reconstruct the issue.

I am having a similar problem. Using IE10 the grid comes up with all columns the same width. Resizing the columns just expands or contracts all the columns at the same time. Column widths are not holding.

Thanks

Unfortunately the issue cannot be reconstructed locally.
The following example works well in IE10 for us:
dhtmlx.com/docs/products/dht … _grid.html

If issue still occurs for you - please, provide us with any kind of sample of your code or a complete demo, where we can reproduce the issue.
Here you can find a tutorial:
docs.dhtmlx.com/doku.php?id=othe … leted_demo