分类导航¶

• 首页
  

• 创建百科
• 所有百科
• 百科分类
• 导航路径
• 随便看看
  

• 后台管理
• 文件管理
• 注册新用户
  

搜索百科
»

常用连接¶

• Jquery官网
• Jquery UI官网
• Jquery Mobile官网
  

Wiki 表格编辑

ScrewTurn Wiki 中使用 WikiMarkup 来支持表格，使用了一个众所周知的语法。插入表格是很简单的，但也可以修改表格的外观。

目录 [隐藏/显示] 1 - 基本表格 2 - 高级选项 3 - 表格外观 4 - 合并单元格 5 - 对齐方式 6 - 全部放在一起

1 - 基本表格¶

一个简单的表格由行序列组成，每行又包含了一些单元格。

{|
| Cell 1.1
| Cell 1.2
|-
| Cell 2.1
| Cell 2.2
|}

的结果是：

Cell 1.1	Cell 1.2
Cell 2.1	Cell 2.2

依赖于所使用的主题，表格的外观可能不同。
同样的结果还可以由下列的形式得到

{|
| Cell 1.1 || Cell 1.2
|-
| Cell 2.1 || Cell 2.2
|}

正如你如看到的，表格以 {| 开始，并以 |}结束。单竖线开始表格的单元格，而竖线后面跟一个连字符 (|-) 开始表格中的新行。二个竖线分隔二个或多个在同一行中的单元格。

2 - 高级选项¶

表格可以有一个标题，可以用一个竖线和加号来紧跟在开始标记后指定它。

{|
|+ This is a Table
| Cell 1.1 || Cell 1.2
|-
| Cell 2.1 || Cell 2.2
|}

结果是：

This is a Table

Cell 1.1	Cell 1.2
Cell 2.1	Cell 2.2

也可以使用行和单元格表头，它们用感叹号来标识。

{|
! Cells x.1 !! Cells x.2
|-
| Cell 1.1 || Cell 1.2
|-
| Cell 2.1 || Cell 2.2
|}

生成：

Cells x.1	Cells x.2
Cell 1.1	Cell 1.2
Cell 2.1	Cell 2.2

也可以使用行头。

{|
! X !! x.1 !! x.2
|-
! 1.x
| Cell 1.1 || Cell 1.2
|-
! 2.x
| Cell 2.1 || Cell 2.2
|}

生成：

ell 2.1

X	x.1	x.2
1.x	Cell 1.1	Cell 1.2
2.x	C
Cell 2.2

3 - 表格外观¶

也可以使用 XHTML 标记来修改表格(每行或单元格)的外观。

{| border="1" bgcolor="Gray"
| Cell 1.1 || Cell 1.2
|-
| Cell 2.1 || Cell 2.2
|}

生成

Cell 1.1	Cell 1.2
Cell 2.1	Cell 2.2

也可以修改单独的行的外观。在这种情况下，可以手工添加一个尾行分隔( a trailing row separator )。

{| cellspacing="0" cellpadding="2" border="1"
|- style="background-color: Red; color: White;"
| Cell 1.1 || Cell 1.2
|- style="font-weight: bold;"
| Cell 2.1 || Cell 2.2
|}

结果是

Cell 1.1	Cell 1.2
Cell 2.1	Cell 2.2

每个单独的单元格也可以被样式化。

{|
| bgcolor="Blue" | Styled Cell
| Normal cell
|-
| Normal cell
| bgcolor="Yellow" | Styled cell
|}

Styled Cell	Normal cell
Normal cell	Styled cell

4 - 合并单元格¶

可以使用 XHTML 属性来合并二个或多个单元格 (水平或垂直方向上的)。
注意：不是所有的浏览器都支持这种特性。

{|
| colspan="2" bgcolor="Red" | Cell
|-
| Cell || Cell
|}

生成

Cell
Cell	Cell

而

{|
| rowspan="2" bgcolor="Red" | Cell
| Cell
|-
| Cell
|}

的结果是

Cell	Cell
	Cell

5 - 对齐方式¶

可将表格对齐到右边，也可以把它放在页面中中间。

{| align="right" border="1"
| Cell || Cell
|}

生成

Cell

Cell

而

{| style="margin: 0px auto;" border="1"
| Cell || Cell
|}

的结果是

Cell

Cell

6 - 全部放在一起¶

{| cellspacing="0" cellpadding="2" style="background-color: #EEEEEE;"
|+ Styled Table
|- style="background-color: #990000; color: #FFFFFF;"
| This is a cell || This is a cell || This is a cell
|-
| style="background-color: #000000; color: #CCCCCC;" | Styled cell
| style="border: solid 1px #FF0000;" | Styled cell
| '''Normal cell'''
|-
| Normal || Normal || [Download]
|}

生成

Styled Table

This is a cell	This is a cell	This is a cell
Styled cell	Styled cell	Normal cell
Normal	Normal	Download