Help:Tables/zh


 * “Tables”重定向至此. 关于MediaWiki的数据库表结构，请参见.

表格可以在維基頁面中創建. 一般来说，除非必要，應盡量避免使用表格. 表格的標示語言通常複雜化了頁面的編輯.



Wiki表格标示摘要

 * 上述符號必須出現在新行的開頭除了當在同一行中想要延續儲存格所增用的雙 與 . 然而，行开头的空格会被忽略.
 * HTML 屬性.  每一個符號，除了表格的末尾，可選擇性的接受一或多個 HTML 屬性. 屬性必須與符號在同一行.  請使用一個空格隔開每一項屬性.
 * 儲存格與標題（ 或是 ， 或是 ，以及 ）持有表格內容. 所以要使用單線（ ）來區隔屬性與內容.  儲存格內容可以都位在同一行或是換到另一行.
 * 表格與行的符號（ 與 ）並不直接持有內容. 在它們的屬性之後請不要加入管線（ ）.  如果你在表格與行符號的屬性之後錯誤的加入管線符號，剖析器會將之刪除 以及之後任何觸及該出錯管線的屬性！
 * 內容 (a) 可以任何選用的 HTML 屬性之後跟著同一行它的儲存格標記或是 (b) 儲存格標記的下一行. 使用 wiki 標示語言的內容本身需要自新的一行開始，例如清單，表頭，或是表格內接的表格，必須在它自個兒的新行.
 * 管道符号作为内容.  若要在表格中插入管道符（ ），需使用 转义标记.

基础


使用编辑栏创建表格
在wikitext编辑器中，将光标放在你想插入表格的地方. 然后在工具栏点击“”，再选择  按钮. 这会打开一个对话框.

在对话框中，你可以选择是否启用表头行、用边框定制表格或使表格可排序. 显示的是一个预览的例子. 你也可以设置你需要的行数和列数. 然后，按“”按钮.

默认情况下会生成以下代码： 维基代码： { | class="wikitable" style="margin:auto" |+ |- !  !!  !!  |- |  ||  ||  |- |  ||  ||  |- |  ||  ||  |} 结果：



极简语法
下面這個表格沒有外框與留白，但是顯示了最簡單的 wiki 表格標示語言的結構.

想要排列得更像表格，可以使用 wiki 標示語言 將儲存格分開但又並排於同一行. 如果单元格中的文本包含了换行符，可使用替代.

如下面的Wiki标示语言，单元格包含额外空格，这不影响实际表格的呈现.

{| style="width:100%" ! style="width: 50%;"|您输入的 ! style="width: 50%;"|您得到的
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

您当然也可以在单元格中输入更长的文本或者更复杂的Wiki语法：

{| style="width:100%" ! style="width: 50%;"|您输入的 ! style="width: 50%;"|您得到的
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }



表格头部
表格的头部可以通过使用“ ”（感叹号）替代“ ”（管道符号）创建. 表头通常显示为粗体，并默认居中.

标题
表格标题可以添加到任何表的顶部，如下所示.

class="wikitable"
通过添加 class="wikitable" ，可以使表格实现：浅灰色背景、可见边框、内边距、左对齐的基本样式.



HTML 跨列和跨行
您可以在单元格可以使用HTML colspan与rowspan属性进行高级布局.



HTML 屬性
你可以添加HTML屬性到表格. 这些属性的规范来源，请参考W3C的HTML表格规格页面.



添加属性到表格
将表格属性放到起始标记（ ）之后，以应用至整个表格.



單元格属性
你可以將屬性加諸於個別的單元格. 例如數字靠右對齊會比較好看.

{| style="width:100%" ! style="width: 50%;"| 您输入的 ! style="width: 50%;"| 您得到的
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

当您在单行中列出多个单元格时，也可以使用单元格属性. 注意单元格是被 分隔的，且每个单元格的属性和内容是被 分隔的.

{| style="width:100%" ! style="width: 50%;"| 您输入的 ! style="width: 50%;"| 您得到的
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }



行属性
你也可以將屬性加諸於個別的行.

{| style="width:100%" ! style="width: 50%;"|您输入的 ! style="width: 50%;"|您得到的
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }



标题和标题行的属性
属性可以添加到标题和标题行，如下所示.



边框宽度
如果“border-width:”的值只有一个的话，值将应用于所有边框.

{| style="width:100%" ! style="width:50%" | 您输入的 ! style="width:50%" | 您得到的
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }

如果“border-width:”多于一个值时，四个数字分别代表顶部、右侧、底部、左侧的宽度（请记住順時針顺序&uarr;&rarr;&darr;&larr;）.

{| style="width:100%" ! style="width:50%" | 您输入的 ! style="width:50%" | 您得到的
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }


 * 当少于四个值时：
 * 当属性像,  ,   这样只有三个值时， 属性的默认值是 （本例中为第二个值），此时左右宽度相等.
 * 当属性像,   这样只有两个值时，  属性的默认值是  （本例中为第二个值），  属性的默认值是   （本例中为第二个值），此时上下宽度相等，左右宽度相等.
 * 当属性像  这样只有一个值时， 、  和   的默认值都将是  ，四边的宽度均相等，这会产生一个规则的边框. 这是一种简便写法.

另一种定义单元格四边宽度的方法是使用 "border-left"、"border-right"、"border-top"和"border-bottom"属性： {| style="width:100%" ! style="width:50%" | 您输入的 ! style="width:50%" | 您得到的
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }



搭配 HTML 屬性與 CSS 樣式
樣式屬性可以同時搭配或不搭配其他HTML屬性.

内边距
它表示单元格内容和边框之间的内部边距. {| style="width:100%;" ! style="width: 50%;"| 您输入的 ! style="width: 50%;"| 您得到的
 * -valign=top
 * style="padding:10px" |


 * }



列宽
列宽可以通过如下方式添加.

您输入的：

您得到的：



表头单元格的辅助功能
表格的表头单元格不会显式地指明自己究竟应用于哪些数据单元格（右侧同行的单元格，或下侧同列的单元格）. 当表格在可视的二维环境中渲染，这通常很容易看出来.

而当表格在非可视媒体上渲染时，你可以用表头单元格的 scope="row" 或 scope="col" 属性协助浏览器决定哪个表头单元格应用于选定单元格的描述（以便辅助功能助手复述单元格内容）. 在大多数简单表格的情况下，你要为第一行的表头单元格使用 scope="col"，以及为后续行的第一格使用 scope="row"：

{| style="width:100%" ! style="width: 50%;"|您输入的 ! style="width: 50%;"|您得到的
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

对齐
<span id="Table_alignment">

表格对齐
表格的对齐通过使用CSS实现. 表格对齐由外边距控制. 如果一边设置固定外边距，其对边设置为“auto”，表格就会对齐至固定外边距的一边. 为了使表格居中，你需要把两边的外边距属性都设为“auto”.

一个右对齐表格的例子：

{| style="width:100%" ! style="width: 50%;"|您输入的 ! style="width: 50%;"|您得到的
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

一个居中表格的例子：

{| style="width:100%" ! style="width: 50%;"|您输入的 ! style="width: 50%;"|您得到的
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

<span id="Table_floating_around_text">

文本环绕表格
如果您将表格与页面的右侧或左侧对齐，表格后面的文本将在表格结尾处开始，并在表格周围留下空白. 为了让文字环绕在表格周围，你可以设置表格浮动而不用对齐表格. 这可以通过CSS属性 做到，它能指定表格是浮动在左侧还是右侧. 使用“float”时，外边距不会用来控制表格对齐，而是用来指定表格和环绕文字之间的边距.

{| style="width:100%" ! style="width: 50%;"|您输入的 ! style="width: 50%;"|您得到的
 * style="padding: 5px;"|
 * style="padding: 5px;"|

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 * style="padding: 5px;"|

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 * }

<span id="Cell_contents_alignment">

单元格内容对齐
单元格内容的对齐受两个不同的CSS属性控制： 和. 可以在表格、行或单个单元格中指定，而 只能在单个行或单元格中指定.

{| style="width:100%" ! style="width: 50%;"|您输入的 ! style="width: 50%;"|您得到的
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

注意事项
<span id="Negative_numbers">

负数
如果你要在一行的第一个单元格中以负数开头（或求值为负数的模板参数），表格可能会出问题，因为 字符会被解析成行标记而不是单元格标记. 避免的方法是在负号前加空格（ ）或者使用单行单元格标记（ ）.

<span id="CSS_vs_attributes">

CSS对比于属性
用CSS而不是border属性指定边框的表格会在小部分浏览器上渲染不正确.

<span id="Common_attributes_for_columns,_column_groups_and_row_groups">

列、列组和行组的公共属性
MediaWiki的表格语法目前并不支持为列（使用HTML元素）、列组（HTML元素<colgroup ></colgroup>）和行组（HTML元素<thead ></thead>、<tbody ></tbody>和<tfoot ></tfoot>）指定公共属性. 即便使用HTML或XHTML语法，这些标准HTML元素也不受支持.

表格的所有行和单元格（表头和数据）都会渲染在一个没有属性和样式的隐式行组（HTML元素<tbody ></tbody>）里.

<span id="Tables_and_the_Visual_Editor_(VE)">

表格和可视化编辑器（VE）

 *  See also: 

参见 T108245: "Fully support basic table editing in the visual editor". See the list of tasks. Finished tasks are struck. It can be difficult to figure out from the technical language there what exactly has been improved, or what features have been added. Please add explanatory info below.

Can now move or delete columns and rows
Click on a column or row header. Then click on the arrow. From the popup menu click on "Move" or "Delete".

Insert blank row or column
From the same popup menu click on "Insert".

Copy table from web page to Visual Editor
It is possible to copy and paste a table from a web page directly into the Visual Editor (VE). To do so safely, use a sandbox and check the table for proper coding in wikitext source mode and proper display in the Visual Editor and in preview mode.

Helping tools

 * Excel2Wiki allows you to copy a spreadsheet from Excel, Apache OpenOffice, LibreOffice, or Gnumeric to convert it into wikicode table.

<span id="See_also">

參見

 * Sorting rows of a table
 * m:Help:Sorting
 * w:Help:Tables
 * A visual tool that helps generate tables