User:MvGulik/Sticky table headers testing

From Ring of Brodgar
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:
border-spacing:8.
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)


In-line styled.
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)


Using stickHeaders (+wikitable class) support.
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)