「Help:表格」:修訂間差異
Sxy62146214(留言 | 貢獻) |
Sxy62146214(留言 | 貢獻) (→表格样式) |
||
(未顯示同一使用者於中間所作的 3 次修訂) | |||
行 226: | 行 226: | ||
| 单元格C | | 单元格C | ||
|} | |} | ||
<br> | |||
:但通常使用的表格并不使用边框,而直接使用维基样式“wikitable”。 | |||
{| | |||
|- | |||
| | |||
<nowiki>{|</nowiki> <span style="color: #a63;">'''class="wikitable"'''</span> | |||
<nowiki>|+</nowiki> 表格标题<br> | |||
<nowiki>!</nowiki> scope="col" | 列标题1<br> | |||
<nowiki>!</nowiki> scope="col" | 列标题2<br> | |||
<nowiki>!</nowiki> scope="col" | 列标题3<br> | |||
<nowiki>|-</nowiki><br> | |||
<nowiki>!</nowiki> scope="row" | 行标题1<br> | |||
| 单元格2 <nowiki>||</nowiki> 单元格3<br> | |||
<nowiki>|-</nowiki><br> | |||
<nowiki>!</nowiki> scope="row" | 行标题A<br> | |||
| 单元格B<br> | |||
| 单元格C<br> | |||
<nowiki>|}</nowiki> | |||
|} | |||
:所以,一般使用的典型表格如下: | |||
<center> | |||
{| class="wikitable" | |||
|+ 表格标题 | |||
! scope="col" | 列标题1 | |||
! scope="col" | 列标题2 | |||
! scope="col" | 列标题3 | |||
|- | |||
! scope="row" | 行标题1 | |||
| 单元格2 || 单元格3 | |||
|- | |||
! scope="row" | 行标题A | |||
| 单元格B | |||
| 单元格C | |||
|} | |||
</center> | |||
===表格样式=== | |||
另外,维基表格的class参数可以添加不同的参数用于实现不同类型的表格,已知的有''wikitable''(通常的表格), ''sortable'' (附加排序功能,行标题会出现排序按钮),''mw-collapsible''(附加折叠功能,生成没折叠的表格)、''mw-collapsed''(附加折叠功能,与前一个参数同时使用,生成已折叠的表格)。在没class参数时,会生成没边框的表格。 | |||
{| | |||
|- | |||
|<pre> | |||
<nowiki> | |||
{| class=" wikitable mw-collapsible " | |||
!A!!B!!C | |||
|- | |||
| abc || def || ghi | |||
|- | |||
| jkl || mno || pqr | |||
|- | |||
| stu || vwx || yz | |||
|} | |||
</nowiki> | |||
</pre>||<pre> | |||
<nowiki> | |||
{| 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 | |||
|} | |||
</nowiki> | |||
</pre>||<pre> | |||
<nowiki> | |||
{| class=" wikitable mw-collapsible " | |||
!A!!B!!C | |||
|- | |||
| abc || def || ghi | |||
|- | |||
| jkl || mno || pqr | |||
|- | |||
| stu || vwx || yz | |||
|} | |||
</nowiki> | |||
</pre>||<pre> | |||
<nowiki> | |||
{| class="wikitable mw-collapsible mw-collapsed" | |||
!A!!B!!C | |||
|- | |||
| abc || def || ghi | |||
|- | |||
| jkl || mno || pqr | |||
|- | |||
| stu || vwx || yz | |||
|} | |||
</nowiki> | |||
</pre> | |||
|} | |||
上述代码实际显示会是这样: | |||
{| class="wikitable" | |||
!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 | |||
|} | |||
=== 宽高 === | |||
可对整个表格的宽度与高度,及某行的高度进行设置。要设置某列的宽度可通过设置该列的某个单元格的宽度实现。若表格的宽度不足以显示所有的列,或高度不足以显示所有的行,表格的部分内容可能会缺失,其结果取决于浏览器的不同。 | |||
设置于{|后,为整个表格;设置于|-后,为该行;设置于|或||后,并与该单元格内容之间以|分隔,则为该单元格。 | |||
整个表格的高度一般都设定为固定值(单位为px、em等),某行的高度设定可以设为固定值也可以为一个变量。 | |||
#高度为固定值 |
於 2020年8月19日 (三) 11:36 的最新修訂
此條目或章節需要更新。 |
(待填坑)
你瞧瞧如果你直接把維百的頁面複製過來會出多少紅鏈
使用工具欄
在編輯源代碼狀態下,點擊上方工具欄內高級-->「插入」右側第三個按鈕可快速插入表格。默認情況下快速插入表格如下所示:
標題文字 | 標題文字 | 標題文字 |
---|---|---|
示例 | 示例 | 示例 |
示例 | 示例 | 示例 |
示例 | 示例 | 示例 |
調整快速插入的表格參數,並調整表格內內容與源代碼,你就可以獲得一個有意義的表格。
Pipe語法教程
Pipe代碼功能與HTML表格標記完全相同。 如果你熟悉HTML語言,你可以跳過這一部分。
- 表格起始由大括號({和})及豎線字符(|)組成。{|表示表格開始,|}表示表格結束。每個表格必須有完整的開始符與結束符。
{| 表格內容 |} |
- 表格標題可省略。其由一個豎線和加號(+)組成(|+)。其後即添加標題內容。
{|
|+ 標題 |
- 添加新行由一個豎線和連字符(-)組成(|-)。添加該代碼後,表格代碼將轉至下一行。
{| |
- 單元格由豎線組成。在某一行代碼後添加豎線即會在該行添加一個單元格。若各行單元格數量不等,則空出。
{| |
上述代碼實際顯示會是這樣:
第一行第一個單元格 | |
第二行第一個單元格 | 第二行第二個單元格 |
- 同一行的單元格也可通過兩個豎線寫於代碼中的同一行中,以縮短版面。
{| |
上述代碼實際顯示會是這樣:
單元格1 | 單元格2 | 單元格3 |
單元格A | 單元格B | 單元格C |
- 單元格代碼中的單個豎線字符是無法形成新單元格的。兩個豎線字符或頭一個單個豎線字符,與另一個豎線字符之間的代碼可成為緊接着的一個單元格的格式設置代碼,但可省略。餘下豎線字符及其他均歸入一個單元格中,並顯示出來。
{| border="1" |
上述代碼實際顯示會是這樣:
餘下所有內容 |(包括豎線)|將歸入 |第一個單元格 | 第二個單元格 |
餘下所有內容 | 將歸入 |第二個單元格 |
- 例如,可進行靠右,顏色等設置。
{| border="1" |
上述代碼實際顯示會是這樣:
單元格1(設置缺損) | |
單元格2(靠右) | 單元格3(紅底色) |
- 即兩個||之間的|不能超過1個。
- 列標題通過以「! scope="col" |」取代「|」,「!! scope="col" |」取代「||」實現。列標題單元格通常與普通單元格不同,雖然會因為瀏覽器的不同而有所差異,但往往呈現為粗體和居中。
{| |
上述代碼實際顯示會是這樣:
列標題1 | 列標題2 | 列標題3 |
---|---|---|
列標題1 | 列標題2 | 列標題3 |
單元格1 | 單元格2 | 單元格3 |
- 行標題通過將每行代碼第一個單元格代碼的第一個「|」取代為「! scope="row" |」實現。
{|
|+ 表格標題 |
上述代碼實際顯示會是這樣:
列標題1 | 列標題2 | 列標題3 |
---|---|---|
行標題1 | 單元格2 | 單元格3 |
行標題A | 單元格B | 單元格C |
- 可選參數可設置單元格、行或整個表格。在表格未使用可選參數時是沒有邊框的,可使用border代碼添加邊框。
{| border="1"
|+ 表格標題 |
上述代碼實際顯示會是這樣:
列標題1 | 列標題2 | 列標題3 |
---|---|---|
行標題1 | 單元格2 | 單元格3 |
行標題A | 單元格B | 單元格C |
- 但通常使用的表格並不使用邊框,而直接使用維基樣式「wikitable」。
{| class="wikitable"
|+ 表格標題 |
- 所以,一般使用的典型表格如下:
列標題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等),某行的高度設定可以設為固定值也可以為一個變量。
- 高度為固定值