Start Building Professional
Web Apps Today

How to set a height for dhtmlxGrid

Hi,

I have declared the div tag like as

<div id="treeboxbox_tree3" style="width:100%; height:38%;background-color:#f5f5f5;border :1px solid Silver;overflow:auto"></div>

but in runtime it is showing like as

<div id="treeboxbox_tree3" class="gridbox" style="border: 1px solid Silver; overflow: auto; width: 1255.1px; height: 18820px; background-color: rgb(245, 245, 245); display: block; cursor: default; position: relative;">

Please help me. I should avoid the auto height.

Thanks & Regards,
Subathra

After dhtmlxGrid object is created it recalculate it's container width and height depending on the browser dimensions and grid's settings. If you resize browser height - grid will recalculate container's height to prevent some visual problems

Hi,

      How to controll the height of the dhtmlxgrid? Because above 3000 data is loading in that grid. I want to increase the speed. If scroll bar will come there then i can tune the performance. Please help me.

Thanks & Regards,
   P.Subathra

When height of grid is defined in percents, as in your case - height:38%; - you can control of container which is parent to the grid ( and grid will correctly take 38% from the height of its parent )

<div id="some" >
<div id="treeboxbox_tree3" style="width:100%; height:38%;background-color:#f5f5f5;border :1px solid Silver;overflow:auto"></div>


....

document.getElementById("some").style.height="1000px"; //grid will take 38% as 380px
mygrid.setSizes(); // force update of the grid