内容管理员
3,427
个编辑
→表格样式
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等），某行的高度设定可以设为固定值也可以为一个变量。 | |||
#高度为固定值 | |||