https://www.copticpedia.org/index.php?action=history&feed=atom&title=%D9%85%D9%8A%D8%AF%D9%8A%D8%A7%D9%88%D9%8A%D9%83%D9%8A%3AGadget-StickyTableHeaders.css
ميدياويكي:Gadget-StickyTableHeaders.css - تاريخ المراجعة
2026-04-11T04:05:41Z
تاريخ التعديل لهذه الصفحة في الويكي
MediaWiki 1.41.1
https://www.copticpedia.org/index.php?title=%D9%85%D9%8A%D8%AF%D9%8A%D8%A7%D9%88%D9%8A%D9%83%D9%8A:Gadget-StickyTableHeaders.css&diff=8542&oldid=prev
Gerges: مراجعة واحدة
2021-03-19T00:49:56Z
<p>مراجعة واحدة</p>
<p><b>صفحة جديدة</b></p><div>/* sortable tables and JS enhanced wikitables with thead, works with Safari. This is ideal. */<br />
/* But borders are broken: https://bugs.webkit.org/show_bug.cgi?id=128486 */<br />
.jquery-tablesorter > thead,<br />
.jquery-tablesorter > tfoot,<br />
.mw-sticky-header > thead,<br />
.mw-sticky-header > tfoot {<br />
position: -webkit-sticky;<br />
}<br />
/* Firefox and Chrome don't support sticky on a thead, and firefox's sticky support seems completely broken */<br />
/* This looks horrible on multi row headers or footers.... Please fix this browser manufacturer's */<br />
/* https://bugzilla.mozilla.org/show_bug.cgi?id=975644 */<br />
/* https://bugs.chromium.org/p/chromium/issues/detail?id=702927 */<br />
.jquery-tablesorter > thead > tr > th,<br />
.jquery-tablesorter > tfoot > tr > th,<br />
.mw-sticky-header > thead > tr > th,<br />
.mw-sticky-header > tfoot > tr > th {<br />
position: sticky;<br />
}<br />
/* wikitables don't have thead's, we need to guess which th's are part of the header in all browsers. <br />
* This is in for backwards compatibility if JS enhanced wikitables (.mw-stick-header) isn't on */<br />
.wikitable:not(.sortable) > tbody > tr:first-child > th,<br />
.wikitable:not(.sortable) > tbody > tr:last-child > th {<br />
position: -webkit-sticky;<br />
position: sticky;<br />
}<br />
.jquery-tablesorter > thead,<br />
.mw-sticky-header > thead {<br />
top: 0;<br />
}<br />
/* Take into account the border of the table and the th elements<br />
* (both 1px, then collapsed, but chrome makes that 2px uncollapsed ?) */<br />
.jquery-tablesorter > thead > tr > th,<br />
.mw-sticky-header > thead > tr > th,<br />
.wikitable:not(.sortable) > tbody > tr:first-child > th {<br />
top: -2px<br />
}<br />
<br />
.jquery-tablesorter > tfoot,<br />
.jquery-tablesorter > tfoot > tr > th,<br />
.mw-sticky-header > tfoot,<br />
.mw-sticky-header > tfoot > tr > th,<br />
.wikitable:not(.sortable) > tbody > tr:last-child > th {<br />
bottom: 0;<br />
}<br />
/* On mobile, where we have tables in overflowable boxes to avoid viewport overflows,<br />
* by using display:block, sticky never works though :( */</div>
Gerges