Freezing Grdiview Header and first column of each row

[NareshN]

Can u please tell me how to freeze gridview header other than CSS option.I tried this option but its changing the entire look of the page.Font CSS is not workly properly.

Can u tell me other option.

[VijaySofist]

Hi,

Please Try the following Code

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";
        }
    }

Regards
Vijay.R

[NareshN]

Hi Vijay,

CSS is working but it is changing the entire look of page,font style and size.Can u tell me alternative option for gridfreeze.

[aspdotnetuser]

Hi,

The CSS trick for gridview fixed headers may not help in all browsers consitently.

Try to use javascript or jquery to manipulate with client widht & height after rendering the HTML. Bit of extra working but certain in all browsers.

aspdotnetuser.

[Frinavale]

If you really don't want to use JavaScript, and the CSS solution isn't working up to your standards, consider putting putting the Column Headers in a GridView or Table of their own. Put this above the GridView that contains the data...and wrap both elements within a Panel or HTML <div> element to keep them together. Make sure that both controls are the same width.

-Frinny