ASP Grid View Scroll With Header and Top Border Fixed

Question

I have grid view which I want to scroll without scrolling header and top border. I have following css solution to scroll gridview without scrolling header row but I am not able to avoid the scrolling of top grid view border.

.HeaderFreez
{
position: relative;
top: expression(this.offsetParent.scrollTop);
z-index: 10;
}

.....
.....

<HeaderStyle CssClass="HeaderFreez" BackColor="Silver" ForeColor="Black" Font-Size="8pt"          BorderStyle="Solid" Wrap="False" />

Is there any solution to avoid the scrolling of top border of grid view in aspx ??

what about hiding top border ? `border-top-style:none;` – zey Jan 31 '14 at 04:53 — zey, Jan 31 '14 at 04:53

score 1 · Answer 1 · edited May 23 '17 at 12:13

1

You can look in to the following questions

fixing gridview header while scrolling

Grid view fixed header

similar to what you have asked for.

edited May 23 '17 at 12:13

Community

1
1

answered Feb 14 '14 at 06:16

Rao

150
4
11

score 0 · Answer 2 · edited May 23 '17 at 12:21

0

You will have to create a header manually and then put it above the grid. This is the only solution.

Here are some good examples

Similar question on SO

edited May 23 '17 at 12:21

Community

1
1

answered Jan 31 '14 at 04:47

शेखर

17,412
13
61
117

with this solution there is a problem when you have both vertical and horizontal scroll and there is some control like drop down list in left of grid view. the header row will overlap dropdown list present in left of gridview during horizontal scroll – Manak Ram Seervi Jan 31 '14 at 04:54

score 0 · Answer 3 · answered Oct 10 '19 at 11:59

0

I tried many CSS+Javascript solutions from Git/Google/Web, etc... to use with an ASP.NET Gridview to get fixed THEAD with scrollable TBODY, but the only one that works well is Bootstrap Table. You have to include Bootstrap.

answered Oct 10 '19 at 11:59

Matt Roy

1,455
1
17
27

ASP Grid View Scroll With Header and Top Border Fixed

3 Answers3

Linked