表格是应用广泛的一种内容组织形式，MediaWiki除了支持通过正常的HTML语言插入<table>标签生成表格外，还提供了标记语言的表格书写方法（相当于是简写的html）。同时在新版的可视化编辑器中，已经可以通过可视化编辑器中的表格工具来生成、合并、拆分单元格。使用表格时，还应当特别注意移动端的优化。
标记语言语法
| {|
|
表格起始 在parser后等价于<table>
|
| |+
|
表格描述文字（caption）
|
| |-
|
表格行在parser后等价于<tr></tr>
|
| !
|
表格头（第一行）在parser后等价于<th></th>
|
| |
|
单元格在parser后等价于<td></td>
|
| |}
|
表格结束 在parser后等价于</table>
|
表格介绍
表格有多种形式，并可进行自定义。
最简单的表格代码是这样的：
{| class="wikitable"
|-
! 标题文字1 !! 标题文字2 !! 标题文字3
|-
| 示例 || 示例 || 示例
|-
| 示例 || 示例 || 示例
|-
| 示例 || 示例 || 示例
|}
提交编辑后，显示为：
| 标题文字1 |
标题文字2 |
标题文字3
|
| 示例 |
示例 |
示例
|
| 示例 |
示例 |
示例
|
| 示例 |
示例 |
示例
|
如何插入表格
方法1
直接使用可视化编辑中的插入，方便快捷易操作。
- 第一步：打开可视化编辑，选择“高级”—“插入”—“表格”
文件:Table1.png
- 第二步：根据自己的需求选择表格样式以及行列的多少，选择“插入”
文件:Table2.png
| 您所输入的 |
您所看到的
|
{| class="wikitable"
|-
! 英文原名 !! 中文译名 !! 备注
|-
| the Avengers || 复仇者联盟 ||
|-
| S.H.I.E.L.D. || 神盾局 || 示例
|-
| Hydra || 九头蛇 ||
|}
|
| 英文原名 |
中文译名 |
备注
|
| the Avengers |
复仇者联盟 |
|
| S.H.I.E.L.D. |
神盾局 |
示例
|
| Hydra |
九头蛇 |
|
|
方法2
使用Pipe代码功能插入表格
| 您所输入的 |
您所看到的
|
{| class="wikitable"
! 标题1
! 标题2
|-
| 妈妈说内容要
| 长长长长长长
|-
|}
|
|
注意：每个表格必须有完整的开始符（{|）与结束符（|}）。
表格的预设类（class）
| 预设类 |
解释说明 |
示例代码 |
效果
|
wikitable |
使表格带有默认的维基表格样式（自动插入表格默认带有此类） |
参考本表格 |
参考本表格
|
table |
使表格带有bootstrap的表格样式 |
<table class="table"><tr><th>th</th><td>td</td></tr></table> |
|
table-striped |
使表格带有条纹样式，可以和wikitable\table同时使用 |
<table class="table table-striped"><tr><th>th</th></tr><tr><td>td</td></tr></table> |
|
table-hover |
使表格带有hover效果，可以和wikitable\table同时使用 |
<table class="table table-hover"><tr><th>th</th></tr><tr><td>td</td></tr></table> |
|
默认样式
| 您所输入的 |
您所看到的
|
{| class="wikitable"
|-
! 英文原名 !! 中文译名 !! 备注
|-
| the Avengers || 复仇者联盟 ||
|-
| S.H.I.E.L.D. || 神盾局 || 示例
|-
| Hydra || 九头蛇 ||
|}
|
| 英文原名 |
中文译名 |
备注
|
| the Avengers |
复仇者联盟 |
|
| S.H.I.E.L.D. |
神盾局 |
示例
|
| Hydra |
九头蛇 |
|
|
有排序功能的表格
代码：将 class="wikitable" 改为 class="wikitable sortable"
| 您所输入的 |
您所看到的
|
{| class="wikitable sortable"
|-
! 英文原名 !! 中文译名 !! 备注
|-
| the Avengers || 2 复仇者联盟 ||
|-
| S.H.I.E.L.D. || 3 神盾局 || 0 示例
|-
| Hydra || 1 九头蛇 ||
|}
|
| 英文原名 |
中文译名 |
备注
|
| the Avengers |
2 复仇者联盟 |
|
| S.H.I.E.L.D. |
3 神盾局 |
0 示例
|
| Hydra |
1 九头蛇 |
|
|
可折叠的表格（默认展开）
代码：将 class="wikitable" 改为 class="wikitable mw-collapsible"
| 您所输入的 |
您所看到的
|
{| class="wikitable mw-collapsible"
|-
! 英文原名 !! 中文译名 !! 备注
|-
| the Avengers || 复仇者联盟 ||
|-
| S.H.I.E.L.D. || 神盾局 || 示例
|-
| Hydra || 九头蛇 ||
|}
|
| 英文原名 |
中文译名 |
备注
|
| the Avengers |
复仇者联盟 |
|
| S.H.I.E.L.D. |
神盾局 |
示例
|
| Hydra |
九头蛇 |
|
|
可折叠的表格（默认闭合）
代码：将 class="wikitable" 改为 class="wikitable mw-collapsible mw-collapsed"
| 您所输入的 |
您所看到的
|
{| class="wikitable mw-collapsible mw-collapsed"
|-
! 英文原名 !! 中文译名 !! 备注
|-
| the Avengers || 复仇者联盟 ||
|-
| S.H.I.E.L.D. || 神盾局 || 示例
|-
| Hydra || 九头蛇 ||
|}
|
| 英文原名 |
中文译名 |
备注
|
| the Avengers |
复仇者联盟 |
|
| S.H.I.E.L.D. |
神盾局 |
示例
|
| Hydra |
九头蛇 |
|
|
表格嵌套
| 您所看到的
|
您所输入的
|
|
|
{| border="1" cellspacing="0" cellpadding="5" align="center"
! 这
! 是
|-
| 个
| 表格
|-
| colspan=2 |
{| border=3
| 表格嵌套
|-
| style="background:#ff3322" | 见否？
|}
|}
|
可过滤筛选的表格
需要通过零件支持实现：
- 安装本零件，等待缓存刷新。
- 为需要进行数据筛选的表格添加样式类
filterable，然后在需要筛选的列头上添加样式类filterable-head。
- 页面在显示表格时会在列头末尾加上浅色的 图标。
- 点击图标即可打开筛选菜单。
表格格式
表格宽高
表格整体高度：在 class="wikitable"后写下 style="height: ***px" （***代表表格高度的像素）
表格单行高度：在|-后写下 style="height: ***px;"（***代表表格高度的像素）
整体表格高度：
| 您所输入的 |
您所看到的
|
{| class="wikitable" style="height: 200px"
|-
! 英文原名 !! 中文译名 !! 备注
|-
| the Avengers || 复仇者联盟 ||
|-
| S.H.I.E.L.D. || 神盾局 || 示例
|-
| Hydra || 九头蛇 ||
|}
|
| 英文原名 |
中文译名 |
备注
|
| the Avengers |
复仇者联盟 |
|
| S.H.I.E.L.D. |
神盾局 |
示例
|
| Hydra |
九头蛇 |
|
|
单行表格高度：
| 您所输入的 |
您所看到的
|
{| class="wikitable"
|-
! 英文原名 !! 中文译名 !! 备注
|-
| the Avengers || 复仇者联盟 ||
|- style="height: 200px"
| S.H.I.E.L.D. || 神盾局 || 示例
|-
| Hydra || 九头蛇 ||
|}
|
| 英文原名 |
中文译名 |
备注
|
| the Avengers |
复仇者联盟 |
|
| S.H.I.E.L.D. |
神盾局 |
示例
|
| Hydra |
九头蛇 |
|
|
表格固定宽度：在每个表格代表标题的 ! 后写下 width=***px | （***代表表格高度的像素）
表格相对宽度：在 class="wikitable"后写下 style="width: xx%" （***代表整体表格占页面的百分比）
注意：文字会自动换行适应列宽。
示例
表格固定宽度：
| 您所输入的 |
您所看到的
|
{| class="wikitable"
|-
! width=200px | 英文原名
! width=100px | 中文译名
! width=50px | 备注
|-
| the Avengers || 复仇者联盟 ||
|-
| S.H.I.E.L.D. || 神盾局 || 示例
|-
| Hydra || 九头蛇 ||
|}
|
| 英文原名
|
中文译名
|
备注
|
| the Avengers |
复仇者联盟 |
|
| S.H.I.E.L.D. |
神盾局 |
示例
|
| Hydra |
九头蛇 |
|
|
表格相对宽度：
文字/背景颜色
- 背景颜色： style="background: xxx"
| 您所输入的 |
您所看到的
|
{| class="wikitable" style="background: #000; color: #fff"
|-
! 英文原名 !! 中文译名 !! 备注
|-
| the Avengers || 复仇者联盟 ||
|-
| S.H.I.E.L.D. || 神盾局 || 示例
|-
| Hydra || 九头蛇 ||
|}
|
| 英文原名 |
中文译名 |
备注
|
| the Avengers |
复仇者联盟 |
|
| S.H.I.E.L.D. |
神盾局 |
示例
|
| Hydra |
九头蛇 |
|
|
文字对齐
- 文字左对齐：align="left"；
- 文字居中：align="center"；
- 文字右对齐：align="right"。
| 您所输入的 |
您所看到的
|
{| class="wikitable"
|-
! width=200px | 英文原名
! width=200px | 中文译名
! width=200px | 备注
|-
| align="left" | the Avengers || align="center" | 复仇者联盟 ||
|-
| align="left" | S.H.I.E.L.D. || align="center" | 神盾局 || align="right" | 示例
|-
| align="left" | Hydra || align="center" | 九头蛇 ||
|}
|
文件:QQ截图20150907114013.jpg
|
合并单元格
- 合并列：rowspan="x" （x为想合并的单元格数）
- 合并行：colspan="x" （x为想合并的单元格数）
| 您所输入的 |
您所看到的
|
{| class="wikitable"
|-
| 列1 || 列2 || 列3
|-
| rowspan="2" | 壹
| colspan="2" style="text-align: center;" | 贰
|-
| 叁
| 肆
|-
| 伍
| rowspan="2" colspan="2" style="text-align: center;" | 陆
|-
| 柒
|-
| colspan="3" style="text-align: center;" | 捌
|}
|
|
边框设置
表格边框默认的是一种带阴影的复杂双线边框，即HTML中的默认值。但边框可通过样式参数设置为其他形式。可设置“style="border: 1px solid darkgray"”使边框为细实线。
注意，要使用边内空白参数“cellpadding”或“cellspacing”时，必须设置边框。
| 您所输入的 |
您所看到的
|
{| class="wikitable"
|-
! 英文原名 !! 中文译名 !! 备注
|-
| the Avengers || 复仇者联盟 ||
|-
| S.H.I.E.L.D. || 神盾局 || 示例
|-
| Hydra || 九头蛇 ||
|}
|
| 英文原名 |
中文译名 |
备注
|
| the Avengers |
复仇者联盟 |
|
| S.H.I.E.L.D. |
神盾局 |
示例
|
| Hydra |
九头蛇 |
|
|
