User:MvGulik/Sticky table headers testing
Jump to navigation
Jump to search
Sticky table headers testing
Example/test-1:
Col0 | Col1 | Col2 | Col3 | Col4 | Col5 | Col6 | Col7 | Col8 | Col9 | Col10 |
---|---|---|---|---|---|---|---|---|---|---|
Row 1 | Cell 1,1 | Cell 1,2 | Cell 1,3 | Cell 1,4 | Cell 1,5 | Cell 1,6 | Cell 1,7 | Cell 1,8 | Cell 1,9 | Cell 1,10
(many more rows) |
- General issue: The cell border lines are not sticky, and most just disappear completely.
- moving the sticky-style part to the individual cells makes no difference.
- So far there seems no sane way to virtual-fix this (other than the used solution below).
--.MvGulik. 09:58, 23 July 2023 (UTC)
Its the default used "border-collapse: collapse;" for a wikitable-class that is the main problem here.
Switching to "border-collapse: separate;" give a much better result.
Although the table lines are now, of course, a bit thicker. But that's a much lesser issue.
Changing the color of all the borders is a bit of an issue. As the cell-related border color needs to be specified per individual cell. (ie: template of css-class).
- Final results:
Col0 | Col1 | Col2 | Col3 | Col4 | Col5 | Col6 | Col7 | Col8 | Col9 | Col10 |
---|---|---|---|---|---|---|---|---|---|---|
Row 1 | Cell 1,1 | Cell 1,2 | Cell 1,3 | Cell 1,4 | Cell 1,5 | Cell 1,6 | Cell 1,7 | Cell 1,8 | Cell 1,9 | Cell 1,10
(many more rows) |
Col0 | Col1 | Col2 | Col3 | Col4 | Col5 | Col6 | Col7 | Col8 | Col9 | Col10 |
---|---|---|---|---|---|---|---|---|---|---|
Row 1 | Cell 1,1 | Cell 1,2 | Cell 1,3 | Cell 1,4 | Cell 1,5 | Cell 1,6 | Cell 1,7 | Cell 1,8 | Cell 1,9 | Cell 1,10
(many more rows) |
Col0 | Col1 | Col2 | Col3 | Col4 | Col5 | Col6 | Col7 | Col8 | Col9 | Col10 |
---|---|---|---|---|---|---|---|---|---|---|
Row 1 | Cell 1,1 | Cell 1,2 | Cell 1,3 | Cell 1,4 | Cell 1,5 | Cell 1,6 | Cell 1,7 | Cell 1,8 | Cell 1,9 | Cell 1,10
(many more rows) |
--.MvGulik. 16:36, 24 July 2023 (UTC)