Scrollable Javascript Table Example
• horizontal scrolling with locked header
• vertical scrolling with first column locked
Below is a simplified version of a scrollable table that provides a locked column and row headers.
Why the top left corner in the table grid is hidden from being displayed, and other insights.
this column will not display | COLUMN 2 | COLUMN 3 | COLUMN 4 | COLUMN 5 | COLUMN 6 | COLUMN 7 | COLUMN 8 | COLUMN 9 | COLUMN 10 | COLUMN 11 |
---|---|---|---|---|---|---|---|---|---|---|
ROW HEADER 1 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 2 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 3 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 4 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 5 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 6 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 7 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 8 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 9 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 10 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 11 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 12 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 13 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 14 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 15 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 16 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 17 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 18 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 18 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 19 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 20 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 21 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 22 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 23 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 24 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 25 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
ROW HEADER 26 | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL | APEX CELL |
The original version was created by "ehric02" as posted in the OTN Discussion Forum "How to implement fixed column headers."
It implements a javascript written by Richard Cornford, copyright © 2004.