微件:FixTableHeader：修订间差异

2019年2月1日 (五) 20:37的最新版本

在页面任意位置加上 {{#widget:FixTableHeader}} 然后在表格的 class 中加上 fix-table-header 就可以让表头跟着页面滚动

和 sortable 兼容性不佳, 目前正在想办法

{{#widget:FixTableHeader}}
{| class="wikitable fix-table-header"
|-
! 表头1 !! 表头2 !! 表头3
|-
| 内容11 || 内容12 || 内容13
|-
| 内容21 || 内容22 || 内容23
|}

@@ 第1行： / 第1行： @@
-<includeonly><style>
+<noinclude>
+在页面任意位置加上 <code><nowiki>{{#widget:FixTableHeader}}</nowiki></code> 然后在表格的 class 中加上 <code>fix-table-header</code> 就可以让表头跟着页面滚动
+和 <code>sortable</code> 兼容性不佳, 目前正在想办法
+{{#widget:FixTableHeader}}
+{| class="wikitable fix-table-header"
+|-
+! 表头1 !! 表头2 !! 表头3
+|-
+| 内容11 || 内容12 || 内容13
+|-
+| 内容21 || 内容22 || 内容23
+|-
+| 内容31 || 内容32 || 内容33
+|-
+| 内容41 || 内容42 || 内容43
+|-
+| 内容51 || 内容52 || 内容53
+|}
+<pre><nowiki>
+{{#widget:FixTableHeader}}
+{| class="wikitable fix-table-header"
+|-
+! 表头1 !! 表头2 !! 表头3
+|-
+| 内容11 || 内容12 || 内容13
+|-
+| 内容21 || 内容22 || 内容23
+|}
+</nowiki></pre>
+</noinclude><includeonly><style>
 #fixed-table-header {
      position: fixed;
@@ 第12行： / 第43行： @@
 }
 #fixed-table-header > tbody > tr > th {
-     border-left-width: 1px;
+     border-left-width: 0;
      border-right-width: 0;
 }
 #fixed-table-header > tbody > tr > td {
-     border-left-width: 1px;
+     border-left-width: 0;
      border-right-width: 0;
 }