Fixed Datagrid Headers

Quick and dirty way to make Datagrid Headers stay at the top of the page while your viewers are scrolling down the page can be accomplished with a little CSS
 
Add this style:
      .DataGridFixedHeader { POSITION: relativeTOP: expression(this.offsetParent.scrollTop); BACKGROUND-COLOR: white }

Add this to your Datagrid properties:
      HeaderStyle-CssClass="DataGridFixedHeader"


And Voila ... you have a header that stays in place.

Comments

Popular posts from this blog

Linq Exclude from separate list

Sorting Ascending and Descending

Linq Query Syntax vs Method Syntax