kphonik
1 Apr 2009, 9:41 AM
I'm building a grid with many columns that requires horizontal scrolling. Each row of the grid contains the "identifier" in the first column, then N-number of columns related to that identifier.
As the user completes the data fields for the row and begins horizontal scrolling to the right, the "identifier" column moves out of view to the left. I've attempted a few implementations for solving this:
1- CSS rules applied to the header and the data elements of the column that fix the position. This is touchy at best, I keep having small rendering issues regarding the location of subsequent columns causing them to overlap the "fixed" column. This is also a Firefox-ONLY solution due to lack of "position: fixed" support in most IE versions.
2- A second grid containing the "identifier" column only, laid out in a border layout so the rows of each grid line up. However vertical scrolling fails, short of tying the two gridpanels scrolling events to each other (slow!)
What I'm looking for here is a method of "fixing" a column in the grid so it's horizontal position is static after rendering.
Any tips are appreciated!
-
Jason Stiefel (kphonik_at_gmail_dot_com)
As the user completes the data fields for the row and begins horizontal scrolling to the right, the "identifier" column moves out of view to the left. I've attempted a few implementations for solving this:
1- CSS rules applied to the header and the data elements of the column that fix the position. This is touchy at best, I keep having small rendering issues regarding the location of subsequent columns causing them to overlap the "fixed" column. This is also a Firefox-ONLY solution due to lack of "position: fixed" support in most IE versions.
2- A second grid containing the "identifier" column only, laid out in a border layout so the rows of each grid line up. However vertical scrolling fails, short of tying the two gridpanels scrolling events to each other (slow!)
What I'm looking for here is a method of "fixing" a column in the grid so it's horizontal position is static after rendering.
Any tips are appreciated!
-
Jason Stiefel (kphonik_at_gmail_dot_com)