DataGrid with Fixed header & scroll in ASP.NET

[ArunJ]

Hi,
Anyone know about the opensource GridView Extension with scroll & fixed header?
It must work on different browsers too.

Thanks,

[Santinos]

Hey you can use a second DataGrid for header & place it over the first one.

The gridview could be placed in a scrolling DIV area.

<table>...<table>
<div style="width: 400px; height: 400px; overflow: auto;">
gridview
</div>

I hope this helps!

[Ubimia]

check this out

http://www.codeguru.com/columns/vb/article.php/c14209/
and
Matt Dotson's .Net Tips and Tricks

http://blogs.msdn.com/mattdotson/ar...sp-net-2-0.aspx

hopes this help

[Ekavir]

Please look at this
http://www.codeproject.com/KB/webfor...llingGrid.aspx

I hope this helps you!

[elizas]

One workaround is to have a separate table control to show the header elements and hide the actual header of the grid.Now put the grid inside a div or panel with scrollbar property.But that takes extra effort to have a proper alignment.Each cell of the header table should be aligned with each cell of the grid.The other work around is to fix the header of the grid in such a way that scrolling down shouldnt hide the header of the grid.Using stylesheet we can achieve that.
Add the following style in your code and assign the grid view or datagrid header style css.

.fixedHeader
{

font-weight:bold;

position:absolute;

background-color: #006699;

color: #ffffff;

height: 25px;

top: expression(Sys.UI.DomElement.getBounds(document.getElementById("panelContainer")).y-25);

}