範例

 

請使用 XHTML 表格語法

<table width="100%" class="table-style style-colorheader">
<thead>
<tr>
<th>表格標頭</th>
<th>表頭欄位 1</th>
<th class="highlight">表頭欄位 2(加強標示)</th>
<th>表頭欄位 3</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<th>表頭列 1</th>
<td>內容 1</td>
<td class="highlight">內容 2</td>
<td>內容 3</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>表格註腳</th>
<td colspan="3">註腳內容</td>
</tr>
</tfoot>
</table>

 


彩色表頭表格

表格標頭表頭欄位 1表頭欄位 2表頭欄位 3
表頭列 1 第 1 欄,第 1 列 第 2 欄,第 1 列 第 3 欄,第 1 列
表頭列 2 第 1 欄,第 2 列 第 2 欄,第 2 列 第 3 欄,第 2 列
表頭列 3 第 1 欄,第 3 列 第 2 欄,第 3 列 第 3 欄,第 3 列
表頭列 4 第 1 欄,第 4 列 第 2 欄,第 4 列 第 3 欄,第 4 列
表頭列 5 第 1 欄,第 5 列 第 2 欄,第 5 列 第 3 欄,第 5 列
表格註腳 註腳內容

使用方式:
<table class="table-style style-colorheader"> ... </table>

 


彩色條紋表格

表格標頭表頭欄位 1表頭欄位 2表頭欄位 3
表頭列 1 第 1 欄,第 1 列 第 2 欄,第 1 列 第 3 欄,第 1 列
表頭列 2 第 1 欄,第 2 列 第 2 欄,第 2 列 第 3 欄,第 2 列
表頭列 3 第 1 欄,第 3 列 第 2 欄,第 3 列 第 3 欄,第 3 列
表頭列 4 第 1 欄,第 4 列 第 2 欄,第 4 列 第 3 欄,第 4 列
表頭列 5 第 1 欄,第 5 列 第 2 欄,第 5 列 第 3 欄,第 5 列
表格註腳 註腳內容

使用方式:
<table class="table-style style-colorstripes"> ... </table>

 


灰色條紋表格

表格標頭表頭欄位 1表頭欄位 2表頭欄位 3
表頭列 1 第 1 欄,第 1 列 第 2 欄,第 1 列 第 3 欄,第 1 列
表頭列 2 第 1 欄,第 2 列 第 2 欄,第 2 列 第 3 欄,第 2 列
表頭列 3 第 1 欄,第 3 列 第 2 欄,第 3 列 第 3 欄,第 3 列
表頭列 4 第 1 欄,第 4 列 第 2 欄,第 4 列 第 3 欄,第 4 列
表頭列 5 第 1 欄,第 5 列 第 2 欄,第 5 列 第 3 欄,第 5 列
表格註腳 註腳內容

使用方式:
<table class="table-style style-greystripes"> ... </table>

 

 

Go to top