Column resizing in dhtmlxGrid

Hi,



First of all what I’m using:

xajax

php

dhtmlxGrid - Free edition

IIS 7

IE 7

Vista



When I create a grid from an HTML table and specify the sizes of the columns (so that the total size is smaller than that of the grid) the headers don’t match up with the rest of the table unless I resize the columns to be 100% size of the grid.



I wanted them smaller to get rid of the horizontal scroll bar and because the grid is all centred to removed excess white space in all the cells.



Here’s the HTML I’m using













Name Version Size




Then the javascript I’m running is:

mygrid = new dhtmlXGridFromTable(“resultsTbl”);

mygrid.setImagePath(“grid/imgs/”);

mygrid.setColTypes(“ed,ed,ed”);

mygrid.setColSorting(“str,str,int”)

mygrid.enableLightMouseNavigation(true);

mygrid.enableKeyboardSupport(true);

mygrid.setOnEditCellHandler(Details);



(This is created and run dynamically using xajax)



I’m using the XP skin. (It happens to a lesser extent on the normal skin too)



Hope someone can help.