Freeze GridView Column by using CSS only

Question

1.00/5 (1 vote)

See more:

SharePoint2010

Hi everybody,
Is it possible to freeze a few columns of a gridview using only CSS. If yes, please help me with the way to do it. FYI, I have added the columns programatically using c# and the grid contains bound fields as well as template fields. This grid is implemented in sharepoint 2010. Please reply asap.

Thanks & Regards,
Srivikas.

Posted 15-Nov-12 0:05am

Srivikas

Add a Solution

3 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)

ddarshan · Answer 1 · 2012-11-15T00:12:00

Solution 2

CSS

div#topdiv {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    color:#CCC;
    background:#333;
    padding:8px;
}
div#bottomdiv {
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    color:#CCC;
    background:#333;
    padding:8px;
}

Posted 15-Nov-12 0:12am

ddarshan

ddarshan · Answer 2 · 2012-11-15T00:15:00

Solution 3

check below link
Fixed Table Header atop scrollable GridView in ASP.NET[^]

Posted 15-Nov-12 0:15am

ddarshan

killing the bug softly... · Answer 3 · 2012-11-15T03:23:00

Solution 4

What actually you want friend, I mean collapsible and openable row in grid view or something else, if yes then it will be a bit difficult, I have faced the same problem before 5 months ago, and my lead advised me to use list view for achieving this functionality, and I did it using jQuery.

Posted 15-Nov-12 3:23am

killing the bug softly...

Comments

Srivikas 15-Nov-12 12:23pm

Hi.. Thank u for your response. The grid I am going to use is very wide. i.e it has more number of columns. It is impossible to view all at a time in the window without scrolling. But the first two column are to be visible every time to understand the other details. SO i want to make them fixed and make the other columns scrollable.Have you got my point now? Waiting for your reply...