說明:表格

出自Arcaea中文维基

(待填坑)
你瞧瞧如果你直接把維百的頁面複製過來會出多少紅鏈

使用工具欄

在編輯源代碼狀態下,點擊上方工具欄內高級-->「插入」右側第三個按鈕可快速插入表格。默認情況下快速插入表格如下所示:

標題文字 標題文字 標題文字
示例 示例 示例
示例 示例 示例
示例 示例 示例

調整快速插入的表格參數,並調整表格內內容與源代碼,你就可以獲得一個有意義的表格。

Pipe語法教程

Pipe代碼功能與HTML表格標記完全相同。 如果你熟悉HTML語言,你可以跳過這一部分。

  • 表格起始由大括號({和})及豎線字符(|)組成。{|表示表格開始,|}表示表格結束。每個表格必須有完整的開始符與結束符。

{| 表格內容 |}

  • 表格標題可省略。其由一個豎線和加號(+)組成(|+)。其後即添加標題內容。

{| |+ 標題
表格內容 |}

  • 添加新行由一個豎線和連字符(-)組成(|-)。添加該代碼後,表格代碼將轉至下一行。

{|
|+ 表格標題
|-
第一行內容
|-
第二行內容
|}

  • 單元格由豎線組成。在某一行代碼後添加豎線即會在該行添加一個單元格。若各行單元格數量不等,則空出。

{|
|+ 表格標題
|-
| 第一行第一個單元格
|-
| 第二行第一個單元格
| 第二行第二個單元格
|}

上述代碼實際顯示會是這樣:

表格標題
第一行第一個單元格
第二行第一個單元格 第二行第二個單元格


同一行的單元格也可通過兩個豎線寫於代碼中的同一行中,以縮短版面。

{|
|+ 表格標題
|-
|單元格1 || 單元格2 || 單元格3
|-
|單元格A
|單元格B
|單元格C
|}

上述代碼實際顯示會是這樣:

表格標題
單元格1 單元格2 單元格3
單元格A 單元格B 單元格C


單元格代碼中的單個豎線字符是無法形成新單元格的。兩個豎線字符或頭一個單個豎線字符,與另一個豎線字符之間的代碼可成為緊接着的一個單元格的格式設置代碼,但可省略。餘下豎線字符及其他均歸入一個單元格中,並顯示出來。

{| border="1"
|-
|format modifier (格式设置不显示) |余下所有内容 |(包括竖线) |将归入 |第一个单元格||第二个单元格
|-
|format |余下所有内容 ||format |将归入 |第二个单元格
|}

上述代碼實際顯示會是這樣:

餘下所有內容 |(包括豎線)|將歸入 |第一個單元格 第二個單元格
餘下所有內容 將歸入 |第二個單元格


例如,可進行靠右,顏色等設置。

{| border="1"
|-
| 单元格1(设置缺损)
|-
| align="right" | 單元格2(靠右) || style="background: #FFB6C1" | 單元格3(紅底色)
|}

上述代碼實際顯示會是這樣:

單元格1(設置缺損)
單元格2(靠右) 單元格3(紅底色)


即兩個||之間的|不能超過1個。
  • 列標題通過以「! scope="col" |」取代「|」,「!! scope="col" |」取代「||」實現。列標題單元格通常與普通單元格不同,雖然會因為瀏覽器的不同而有所差異,但往往呈現為粗體和居中。

{|
|+ 表格標題
! scope="col" | 列標題1
! scope="col" | 列標題2
! scope="col" | 列標題3
|-
! scope="col" | 列標題1 !! scope="col" | 列標題2 !! scope="col" | 列標題3
|-
| 單元格1 || 單元格2 || 單元格3
|}

上述代碼實際顯示會是這樣:

表格標題
列標題1 列標題2 列標題3
列標題1 列標題2 列標題3
單元格1 單元格2 單元格3
  • 行標題通過將每行代碼第一個單元格代碼的第一個「|」取代為「! scope="row" |」實現。

{| |+ 表格標題
! scope="col" | 列標題1
! scope="col" | 列標題2
! scope="col" | 列標題3
|-
! scope="row" | 行標題1
| 單元格2 || 單元格3
|-
! scope="row" | 行標題A
| 單元格B
| 單元格C
|}

上述代碼實際顯示會是這樣:

表格標題
列標題1 列標題2 列標題3
行標題1 單元格2 單元格3
行標題A 單元格B 單元格C
  • 可選參數可設置單元格、行或整個表格。在表格未使用可選參數時是沒有邊框的,可使用border代碼添加邊框。

{| border="1" |+ 表格標題
! scope="col" | 列標題1
! scope="col" | 列標題2
! scope="col" | 列標題3
|-
! scope="row" | 行標題1
| 單元格2 || 單元格3
|-
! scope="row" | 行標題A
| 單元格B
| 單元格C
|}

上述代碼實際顯示會是這樣:

表格標題
列標題1 列標題2 列標題3
行標題1 單元格2 單元格3
行標題A 單元格B 單元格C


但通常使用的表格並不使用邊框,而直接使用維基樣式「wikitable」。

{| class="wikitable" |+ 表格標題
! scope="col" | 列標題1
! scope="col" | 列標題2
! scope="col" | 列標題3
|-
! scope="row" | 行標題1
| 單元格2 || 單元格3
|-
! scope="row" | 行標題A
| 單元格B
| 單元格C
|}

所以,一般使用的典型表格如下:
表格標題
列標題1 列標題2 列標題3
行標題1 單元格2 單元格3
行標題A 單元格B 單元格C

表格樣式

另外,維基表格的class參數可以添加不同的參數用於實現不同類型的表格,已知的有wikitable(通常的表格), sortable (附加排序功能,行標題會出現排序按鈕),mw-collapsible(附加摺疊功能,生成沒摺疊的表格)、mw-collapsed(附加摺疊功能,與前一個參數同時使用,生成已摺疊的表格)。在沒class參數時,會生成沒邊框的表格。

 

{| class=" wikitable mw-collapsible "
!A!!B!!C 
|-
| abc || def || ghi
|- 
| jkl ||  mno || pqr
|-
| stu || vwx || yz
|} 

 

{| class="wikitable sortable"
!A!!B!!C 
|-
|data-sort-value=abc|abc || def || ghi
|- 
|data-sort-value=jkl|jkl ||  mno || pqr
|-
|data-sort-value=stu|stu || vwx || yz
|} 

 

{| class=" wikitable mw-collapsible "
!A!!B!!C 
|-
| abc || def || ghi
|- 
| jkl ||  mno || pqr
|-
| stu || vwx || yz
|} 

 

{| class="wikitable mw-collapsible  mw-collapsed"
!A!!B!!C 
|-
| abc || def || ghi
|- 
| jkl ||  mno || pqr
|-
| stu || vwx || yz
|} 

上述代碼實際顯示會是這樣:

A B C
abc def ghi
jkl mno pqr
stu vwx yz
A B C
abc def ghi
jkl mno pqr
stu vwx yz
A B C
abc def ghi
jkl mno pqr
stu vwx yz
A B C
abc def ghi
jkl mno pqr
stu vwx yz

寬高

可對整個表格的寬度與高度,及某行的高度進行設置。要設置某列的寬度可通過設置該列的某個單元格的寬度實現。若表格的寬度不足以顯示所有的列,或高度不足以顯示所有的行,表格的部分內容可能會缺失,其結果取決於瀏覽器的不同。

設置於{|後,為整個表格;設置於|-後,為該行;設置於|或||後,並與該單元格內容之間以|分隔,則為該單元格。

整個表格的高度一般都設定為固定值(單位為px、em等),某行的高度設定可以設為固定值也可以為一個變量。

  1. 高度為固定值