Help:可排序表格
外观
![本页使用了标题或全文手工转换](http://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Zh_conversion_icon_m.svg/35px-Zh_conversion_icon_m.svg.png)
![]() | 此條目可参照英語維基百科相應條目来扩充。 (2017年7月20日) |
![]() | 本页為操作指南,用於介紹中文维基百科社群的一些实现和操作方式。 本文只是論述,不屬於方針或指引。如果本指南與方針或指引起衝突或不一致,請以方針或指引的條文為準。 |
維基代碼 |
---|
使用
[编辑]读者浏览维基百科时,可能会看到可排序的表格。可排序表格的标志是标题单元格标有箭头。将之点击就会让表格各行按所选列排序,初次点击为升序,之后点击就在降序和升序见来回切换。
实际的排序过程通过电脑的客户端JavaScript完成。也就是说,只有浏览器启用JavaScript时方能使用此功能。排序速度倚赖于电脑自身和数据量。速度慢的电脑排序超大表格,就会消耗不少时间。
示例
[编辑]这是一个简易的可排序表格示例:
名字 | 数据 | 更多数据 |
---|---|---|
喵 | 273 | 53 |
汪 | 65 | 8,492 |
耗子 | 1,649 | 548 |
物品 | 數量 | 價格 |
---|---|---|
A | 1 | $123億 |
B | 2 | $4500萬 |
C | 1 | 不適用 |
C | 3 | $3210億 |
總計: | 7 | $3333億 |
标题行复杂的表格
[编辑]标题行复杂的表格如今也能正确排序。如:
名字 | 数据列 | 另一列 | |
---|---|---|---|
数据 | 更多数据 | ||
喵 | 273 | 53 | 1 |
汪 | 65 | 8,492 | 2 |
耗子 | 1,649 | 548 | 3 |
数据行复杂的表格
[编辑]通过|rowspan=n
,可将多行单元格合并。
使用rowspan时必须要指定行数,这是排序功能正常运作的前提。错误的rowspan会中断排序功能,显示错误的数据。在排序表格中,不能同时对内容单元格使用|rowspan=n
和 colspan=m
。
下面给出几个例子。
正确填写rowspan数的排序表格:
名字 | 欢迎度 | 数据 | 更多数据 | 年份 |
---|---|---|---|---|
喵 | 流行宠物 | 273 | 53 | 2013 |
汪 | 65 | 8,492 | 2014 | |
耗子 | 1,649 | 548 |
注意在排序时,合并单元格会拆分开来,同时这些单元格都采用同一数据(比如“2014”)。
错误的rowspan数会中断排序功能,让行列混乱。
名字 | 欢迎度 | 数据 | 更多数据 | 年份 |
---|---|---|---|---|
喵 | 流行宠物 | 273 | 53 | 2013 |
汪 | 65 | 8,492 | 2014 | |
耗子 | 1,649 | 548 |
在线表格编辑器和合并工具
[编辑]wikitable.eu5.org和tablesgenerator是两个简易的表格编辑器。
在狭窄的空间中:新开一列显示排序开关
[编辑]若让表格适应窄屏幕,可以在原标题文字下插入一行,显示排序开关。排序开关总是显示于最下方的标题单元格。
在任一空标题单元格填入<br />
,不然排序行会非常窄。
名字 | 数据列 | 另一列 | |
---|---|---|---|
数据 | 更多数据 | ||
喵 | 273 | 53 | 1 |
汪 | 65 | 8,492 | 2 |
耗子 | 1,649 | 548 | 3 |
{| class="wikitable sortable" |- ! rowspan="2" | 名字 ! colspan="2" | 数据列 ! rowspan="2" | 另一列 |- ! 数据 ! 更多数据 |- ! <br>!! !! !! |- | 喵 | 273 | 53 | 1 |- | 汪 | 65 | 8,492 | 2 |- | 耗子 | 1,649 | 548 | 3 |}
參見
[编辑]- {{Sortname}}
- m:Help:Sorting
- 可排序折叠表格
- {{dts}}
- Category:排序模板