微件:FixTableHeader：修订间差异
跳转到导航
跳转到搜索
无编辑摘要 |
|||
| 第31行： | 第31行： | ||
</nowiki></pre> | </nowiki></pre> | ||
</noinclude><includeonly><style> | </noinclude><includeonly><style> | ||
#fixed-table-header { | |||
position: fixed; | position: fixed; | ||
top: 0; | top: 0; | ||
| 第42行： | 第42行： | ||
visibility: hidden; | visibility: hidden; | ||
} | } | ||
#fixed-table-header > tbody > tr > th { | |||
border-left-width: 1px; | border-left-width: 1px; | ||
border-right-width: 0; | border-right-width: 0; | ||
} | } | ||
#fixed-table-header > tbody > tr > td { | |||
border-left-width: 1px; | border-left-width: 1px; | ||
border-right-width: 0; | border-right-width: 0; | ||
2017年5月5日 (五) 17:44的版本
在页面任意位置加上 {{#widget:FixTableHeader}} 然后在表格的 class 中加上 fix-table-header 就可以让表头跟着页面滚动
和 sortable 兼容性不佳, 目前正在想办法
| 表头1 | 表头2 | 表头3 |
|---|---|---|
| 内容11 | 内容12 | 内容13 |
| 内容21 | 内容22 | 内容23 |
| 内容31 | 内容32 | 内容33 |
| 内容41 | 内容42 | 内容43 |
| 内容51 | 内容52 | 内容53 |
{{#widget:FixTableHeader}}
{| class="wikitable fix-table-header"
|-
! 表头1 !! 表头2 !! 表头3
|-
| 内容11 || 内容12 || 内容13
|-
| 内容21 || 内容22 || 内容23
|}