Hi

I want to create scrollble datagrid with fixed headeres.

I am using div tag like this

<div style="vertical-align top; height: 300px; overflow:auto;">
and set the ShowHeader =False.Above the div tag using table diplaying the headers. everything working fine for one datagrid.
but the problem is my page contains multiple datagrids.If i use separate <div> tag for each datagrid its not displaying properly.
how to use individual div tag for each datagrid? pl advice me

thanks

Can you post some code so we may see where the problem lies?

Your HTML should look something like this...

<table>
    Stuff for column headers here...
</table>
<div ...>
    <asp:Datagrid ...>
    </asp:Datagrid>
</div>

<table>
    Stuff for column headers here...
</table>
<div ...>
    <asp:Datagrid ...>
    </asp:Datagrid>
</div>


Peter

yes doing same this its displaying some space(height of datagrid1) then displaying datagrid2.in my page based on condition i am showing the datagrids.example cnt=1 showing datagrid1 only if cnt=2 showing datagrid2 only.
like this based on cnt showing only one grid at a time.
if i show grid2 its displaying some space(height of grdi1) then grid2

i hope you got my problem.pl clear me

Maybe you should put the header table in twice and turn off both the grid and header table for each grid instead of relying on a single header table for both grids.

The only explanation that I can come up with for there being space between the header and the second data grid is that there is additional HTML between them. otherwise, they should lie on the page right next to each other.

Peter