Resizing a grid within a layout

Folks,

I have a cell layout with a grid within each cell. When I resize the browser the layouts adjust automatically resizing to the browser’s new dimensions, but the grids do not resize. I am using the setInitWidthsP function, but it still does not work. Is this expected behavior or am I doing something wrong? Maybe it only works for grids within a div? Here is a sample of the code:

var layout1 = new dhtmlXLayoutObject(document.body, “1C”);
:
var layout2 = layout1.cells(‘a’).attachLayout(‘2U’)
var grid1 = layout.cells(‘a’).attachGrid();
var grid2 = layout.cells(‘b’).attachGrid();

grid1.setInitWidthsP(“33,33,*”);
grid2.setInitWidthsP(“25,25,25,25”);

grid1.enableAutoWidth(true);
grid1.enableAutoHeight(true);

grid2.enableAutoWidth(true);
grid2.enableAutoHeight(true);

Any help would be much appreciated.

Thanks,

Daryl

Please, try to remove:
grid1.enableAutoWidth(true);
grid2.enableAutoWidth(true);

In case of setting the width in percentages the the grid will resize automatically.