Main Page
MediaWiki:Gadget-StickyTableHeaders.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* sortable tables and JS enhanced wikitables with thead, works with Safari. This is ideal. */ /* But borders are broken: https://bugs.webkit.org/show_bug.cgi?id=128486 */ .jquery-tablesorter > thead, .mw-sticky-header > thead { position: -webkit-sticky; position: sticky; top: 0; } /* This does not seem to work, possibly due to the absolute/relative hacking mess of timeless */ @media screen and (max-width: 1099px) and (min-width: 851px) { .skin-timeless .jquery-tablesorter > thead, .skin-timeless .mw-sticky-header > thead { top: 3.125em; } } @media screen and (min-width: 1100px) { .skin-timeless .jquery-tablesorter > thead, .skin-timeless .mw-sticky-header > thead { top: 6em; } } .jquery-tablesorter > tfoot, .mw-sticky-header > tfoot { position: -webkit-sticky; position: sticky; bottom: 0; } /* On mobile, where we have tables in overflowable boxes to avoid viewport overflows, * by using display:block, sticky never works though :( */