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.