“Floating” Gridview Header

Question

Is there a way in ASP.NET to have a \"floating\" header, much like a header you would see in an Excel sheet that follows you down the page as you scroll?

Or alternat

Answer 1

Try the following (asp.net forums):

1. Add locked Css:

td.locked, th.locked {
    position:relative;    
    left:expression((this.parentElement.parentElement.parentElement.parentElement.scrollLeft-2)+'px');
}   

2. In RowDataBound event add css to GridView cell:

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        e.Row.Cells[0].CssClass = "locked";
    }
}