Scrolling the contents in a data grid

[shaam]

the contents in the datagrid should be scrolled, with the header freezed...
that means when ever the web page is opened the contents should scroll automatically,except the header
plzz help

[rupalirane07]

<style type="text/css">.DataGridFixedHeader { BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: relative; ; TOP: expression(this.offsetParent.scrollTop) }
</style>

Add the Above Line in HTML page of ur form after the following line:

<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">

after this come to Design view and click on Datagrid and go to properties and then HeaderStyle tag-type name of CssClass-DataGridFixedHeader

and now run the page this ll be much helpful

[dip_developer]

<style type="text/css">.DataGridFixedHeader { BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: relative; ; TOP: expression(this.offsetParent.scrollTop) }
</style>

Add the Above Line in HTML page of ur form after the following line:

<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">

after this come to Design view and click on Datagrid and go to properties and then HeaderStyle tag-type name of CssClass-DataGridFixedHeader

and now run the page this ll be much helpful

rupali's code...
TOP: expression(this.offsetParent.scrollTop)
is more or less good for fixed datagrid header.......
the only problem with this I have seen is whenever there is DropDownList control in the datagrid the Dropdown comes over the header....just check that.......

[rupalirane07]

if that is the problem then do this:

if u r using dropdownlist then u must be using Template Column.
then right clik on Datagrid -Edit Template -go to column[n] n means watever column comes in my case it is column[4] then clik on itemtemplate dropdownlist-properties-css field is there then give the name DataGridFixedHeader and then end Template editing. and run and check.

Try this it wont comes over the header

rupali's code...
TOP: expression(this.offsetParent.scrollTop)
is more or less good for fixed datagrid header.......
the only problem with this I have seen is whenever there is DropDownList control in the datagrid the Dropdown comes over the header....just check that.......

[dip_developer]

if that is the problem then do this:

if u r using dropdownlist then u must be using Template Column.
then right clik on Datagrid -Edit Template -go to column[n] n means watever column comes in my case it is column[4] then clik on itemtemplate dropdownlist-properties-css field is there then give the name DataGridFixedHeader and then end Template editing. and run and check.

Try this it wont comes over the header

Thanks Rupali......its fascinating to learn something new........I will try it.....thanks for your suggestion.......