Hi,
I created a dhtmlx grid using this code:
grid = new dhtmlXGridObject(idGrid);
grid.setImagePath(“dhtmlx/imgs/”);
grid.setDateFormat("%d/%m/%Y");
grid.enableAutoHeight(true,300,false);
grid.enableAutoWidth(true,1200,300);
grid.setEditable(false);
grid.setSkin(“dhx_skyblue”);
grid.enableAlterCss(“even”, “uneven”);
grid.setHeader(gridContent.headers);
grid.setInitWidths(gridContent.widths);
grid.setColAlign(gridContent.columnsAlign);
grid.setColTypes(gridContent.columnsType);
grid.setColSorting(gridContent.columnsSorting);
grid.init();
grid.parse(gridContent, “json”);
$("#"+grid.id).effect(“highlight”, {}, 500);
grid.setSizes();
My div don’t have any style!
All works expext the width of the generated table.
With 3 columns of 100px 100px and 400px and with the default padding-left and padding-right of 4px (specifiy in dhtmlx.css) the result is 3 td of width 94px, 94px, 394px adding the padding the table width is 606px but the div (class=objbox) width is well set with 600px so a horizontal scrollbar appears.
In all samples a div width greater than the sum of all column width is specify, is it the solution?
the enableAutoWidth function should avoid this constraint, is’nt it?
Thanks you in advance