Start Building Professional
Web Apps Today

DHTMLXGRID - overlapping with static html content

I currently have a html page with the following structure

<div id="X">
<table><tr><td> Some Text</td></tr></table>
<div id="y" style="Overflow:auto">
<table><tr><td> Some Text</td></tr></table>

<table><tr><td> Some Text</td></tr></table>

<table><tr><td> <div id="z"> the grid loads here</div></td></tr></table>

<table><tr><td> Some Text</td></tr></table>

<table><tr><td> Some Text</td></tr></table>

</div>

</div>

Once the page loads and the grid appears as from the snippet above a scroll appears on div "y". However upon scrolling the Grid remains fixed. is there a way to ensure the grid moves with the scroll on the div? how can I anchor it in the td in which it is suppose to be?

Add the next style

<div id="y" style="Overflow:auto; position:relative;">

It will fix issue with scrolling