Freezing Columns for a Wide View

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
devarishi
Forum Contributor
Posts: 101
Joined: Fri Feb 05, 2010 7:15 pm

Freezing Columns for a Wide View

Post by devarishi »

Hi,


I have a list of records in Table and the columns are quite many in number. So, they extend to right side and I have to move the screen to right and left. Is there any way to freeze some columns displayed on the left side so that when we move to the right side we are sure on which record we are?

Actually, for security purpose I have moved "Delete" icon to the right-most column and to click it, we must scroll towards right. But then, we are lost as to on which record we are really because there are so many records.

Thanks in advance!


PHPHorizons wrote:That sounds like a css/html issue to me. You might try using position: absolute or position: relative.
UPDATE:
Consider an Excel Worksheet in which you can Freeze (Pane) so that the Top Row (Heading) and the Left Column (Heading or Data) can be fixed and we can easily scroll down and right, and can see in which row or colum (heading) we are.

See this example:

Code: Select all

Month	1	2	3	4	5	6	7	8	9	10	11	12
Jan										
Feb										
Mar										
Apr										
May										
Jun										
Jul										
Aug										
Sep										
Oct										
Nov										
Dec										
Now, suppose this Table is not displaying on the screen / page. You scroll right to go to "May:10". But you are lost as to in which month you are because the Month Column goes off the page / screen / view. You have to scroll left again to make it sure. The same problem is faced when you page down to "Dec" month and the Heading goes up off the page / view, and you cannot exactly say if you are in the Column "8" or "9". I have used Numbers for Heading just to save space here. We would otherwise use some column name.


Note:

Just check the above table as it is displayed here on this page. If we don't "Expand" the view we are lost !
Last edited by devarishi on Wed Apr 28, 2010 1:17 pm, edited 1 time in total.
User avatar
PHPHorizons
Forum Contributor
Posts: 175
Joined: Mon Sep 14, 2009 11:38 pm

Re: Freezing Columns for a Wide View

Post by PHPHorizons »

That sounds like a css/html issue to me. You might try using position: absolute or position: relative.
devarishi
Forum Contributor
Posts: 101
Joined: Fri Feb 05, 2010 7:15 pm

Re: Freezing Columns for a Wide View

Post by devarishi »

PHPHorizons wrote:That sounds like a css/html issue to me. You might try using position: absolute or position: relative.

No, that is not the case, I suppose. Consider an Excel Worksheet in which you can Freeze (Pane) so that the Top Row (Heading) and the Left Column (Heading or Data) can be fixed and we can easily scroll down and right, and can see in which row or colum (heading) we are.

See this example:

Code: Select all

Month	1	2	3	4	5	6	7	8	9	10	11	12
Jan										
Feb										
Mar										
Apr										
May										
Jun										
Jul										
Aug										
Sep										
Oct										
Nov										
Dec										
Now, suppose this Table is not displaying on the screen / page. You scroll right to go to "May:10". But you are lost as to in which month you are because the Month Column goes off the page / screen / view. You have to scroll left again to make it sure. The same problem is faced when you page down to "Dec" month and the Heading goes up off the page / view, and you cannot exactly say if you are in the Column "8" or "9". I have used Numbers for Heading just to save space here. We would otherwise use some column name.


Note:

Just check the above table as it is displayed here on this page. If we don't "Expand" the view we are lost !
mikosiko
Forum Regular
Posts: 757
Joined: Wed Jan 13, 2010 7:22 pm

Re: Freezing Columns for a Wide View

Post by mikosiko »

JavaScript... Ajax... combination of both + your programming skills... or commercial solution

http://www.phpgrid.com/grid/ just to name one or several available.

Miko
Post Reply