Fixed GridView Header with horizontal and vertical scrolling in asp.net

Question

I want to fix(Freeze) gridview header while vertical scrolling.

I also want to fix first column while horizontal scrolling.

I want this in both chrome and IE.

Answer 1

It is possible to apply the specific GridView / Table layout via custom CSS rules (as it was discussed in the <table><tbody> scrollable? thread) to fix GridView's Header. However, this approach will not work in all browsers. The 3-rd ASP.NET GridView controls (such as the ASPxGridView from DevExpress component vendor provide this functionality.

Check also the following CodeProject solutions:

• Fixed header Grid

• Gridview with fixed header

• Gridview Fixed Header

Answer 2

I was looking for a solution for this for a long time and found most of the answers are not working or not suitable for my situation i also find most of the java script code for that they worked but only with the vertical scroll not with the horizontal scroll and also combination of header and rows doesn't match.

Finally i have found a solution with javascript here is the link bellow :-

scrollable horizontal and vertical grid view with fixed headers