gridview scroll with fixed header and footer

Question

0.00/5 (No votes)

See more:

ASP.NET

how to set a scroll for gridview with header & footer fixed?

Posted 7-Nov-11 22:49pm

Munirajant

Add a Solution

6 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

sriman.ch · Accepted Answer · 2011-11-07T23:48:00

Hi Munirajan,

1.There is a property called useaccessible header in gridview, set this true but it works only in IE.

2.Disable header and footer of gridview and add an html table of same width above and below the grid. In header table place your grid headings and in footer table place your footer things.

Hope this helps

P.Salini · Accepted Answer · 2011-11-07T23:49:00

Solution 2

Check this

How to Fixed GridView's Header and Footer when scrolling?[^]

http://csharpdotnetfreak.blogspot.com/2009/07/scrollable-gridview-fixed-headers-asp.html[^]

Posted 7-Nov-11 23:49pm

P.Salini

Updated 7-Nov-11 23:52pm

v2

Comments

thatraja 8-Nov-11 9:18am

5!

P.Salini 8-Nov-11 23:06pm

Thank you Raja

koolprasad2003 · Accepted Answer · 2011-11-07T23:58:00

Solution 3

How to Freeze GridView Header While Scrolling ?[^]

Posted 7-Nov-11 23:58pm

koolprasad2003

Comments

thatraja 8-Nov-11 9:18am

5!

sravani.v · Accepted Answer · 2011-11-07T23:59:00

Solution 4

Refer these:

Gridview with Fixed Header[^]

How to Fixed GridView's Header and Footer when scrolling?[^]

Posted 7-Nov-11 23:59pm

sravani.v

Comments

thatraja 8-Nov-11 9:14am

5!

sravani.v 9-Nov-11 0:53am

Thank you thatraja

thatraja · Accepted Answer · 2011-11-08T00:00:00

Solution 5

I found this article Grid View with Fixed Header[^]. This solution is tested well with Internet Explorer, Mozilla Firefox, and Google Chrome.

Posted 8-Nov-11 0:00am

thatraja

Comments

koolprasad2003 8-Nov-11 6:01am

nice link, Raja. 5!

sriman.ch · Accepted Answer · 2011-11-23T22:24:00

Hi,

following css also fixes gridview header

C#

.grid-header
{
font-weight: bold;
font-family: Verdana;
font-size: 11px;
background-color: #7A9FCB;
text-decoration: underline;
color: #ffffff;
text-align: left;
position: relative;
top:expression(this.parentNode.parentNode.parentNode.scrollTop-2);
left:expression(this.parentNode.parentNode.parentNode.scrollLeft-1);
right:1px;
}

and place the following tag in your page head section
<meta http-equiv="X-UA-Compatible" content="IE=7" />

gridview scroll with fixed header and footer

6 solutions

Solution 1

Solution 2

Solution 3

Solution 4

Solution 5

Solution 6

Add your solution here

Preview 0