234 lines
4.3 KiB
HTML
234 lines
4.3 KiB
HTML
<p>Simple table with caption:</p>
|
|
|
|
<table><caption>Demonstration of simple table syntax.</caption><thead><tr class="header"><th align="right">
|
|
Right</th>
|
|
<th align="left">
|
|
Left</th>
|
|
<th align="center">
|
|
Center</th>
|
|
<th align="left">
|
|
Default</th>
|
|
</tr>
|
|
</thead><tbody><tr class="odd"><td align="right">
|
|
12</td>
|
|
<td align="left">
|
|
12</td>
|
|
<td align="center">
|
|
12</td>
|
|
<td align="left">
|
|
12</td>
|
|
</tr>
|
|
<tr class="even"><td align="right">
|
|
123</td>
|
|
<td align="left">
|
|
123</td>
|
|
<td align="center">
|
|
123</td>
|
|
<td align="left">
|
|
123</td>
|
|
</tr>
|
|
<tr class="odd"><td align="right">
|
|
1</td>
|
|
<td align="left">
|
|
1</td>
|
|
<td align="center">
|
|
1</td>
|
|
<td align="left">
|
|
1</td>
|
|
</tr>
|
|
</tbody></table>
|
|
|
|
<p>Simple table without caption:</p>
|
|
|
|
<table><thead><tr class="header"><th align="right">
|
|
Right</th>
|
|
<th align="left">
|
|
Left</th>
|
|
<th align="center">
|
|
Center</th>
|
|
<th align="left">
|
|
Default</th>
|
|
</tr>
|
|
</thead><tbody><tr class="odd"><td align="right">
|
|
12</td>
|
|
<td align="left">
|
|
12</td>
|
|
<td align="center">
|
|
12</td>
|
|
<td align="left">
|
|
12</td>
|
|
</tr>
|
|
<tr class="even"><td align="right">
|
|
123</td>
|
|
<td align="left">
|
|
123</td>
|
|
<td align="center">
|
|
123</td>
|
|
<td align="left">
|
|
123</td>
|
|
</tr>
|
|
<tr class="odd"><td align="right">
|
|
1</td>
|
|
<td align="left">
|
|
1</td>
|
|
<td align="center">
|
|
1</td>
|
|
<td align="left">
|
|
1</td>
|
|
</tr>
|
|
</tbody></table>
|
|
|
|
<p>Simple table indented two spaces:</p>
|
|
|
|
<table><caption>Demonstration of simple table syntax.</caption><thead><tr class="header"><th align="right">
|
|
Right</th>
|
|
<th align="left">
|
|
Left</th>
|
|
<th align="center">
|
|
Center</th>
|
|
<th align="left">
|
|
Default</th>
|
|
</tr>
|
|
</thead><tbody><tr class="odd"><td align="right">
|
|
12</td>
|
|
<td align="left">
|
|
12</td>
|
|
<td align="center">
|
|
12</td>
|
|
<td align="left">
|
|
12</td>
|
|
</tr>
|
|
<tr class="even"><td align="right">
|
|
123</td>
|
|
<td align="left">
|
|
123</td>
|
|
<td align="center">
|
|
123</td>
|
|
<td align="left">
|
|
123</td>
|
|
</tr>
|
|
<tr class="odd"><td align="right">
|
|
1</td>
|
|
<td align="left">
|
|
1</td>
|
|
<td align="center">
|
|
1</td>
|
|
<td align="left">
|
|
1</td>
|
|
</tr>
|
|
</tbody></table>
|
|
|
|
<p>Multiline table with caption:</p>
|
|
|
|
<table><caption>Here's the caption. It may span multiple lines.</caption><col width="15%" /><col width="13%" /><col width="16%" /><col width="33%" /><thead><tr class="header"><th align="center">
|
|
Centered Header</th>
|
|
<th align="left">
|
|
Left Aligned</th>
|
|
<th align="right">
|
|
Right Aligned</th>
|
|
<th align="left">
|
|
Default aligned</th>
|
|
</tr>
|
|
</thead><tbody><tr class="odd"><td align="center">
|
|
First</td>
|
|
<td align="left">
|
|
row</td>
|
|
<td align="right">
|
|
12.0</td>
|
|
<td align="left">
|
|
Example of a row that spans multiple lines.</td>
|
|
</tr>
|
|
<tr class="even"><td align="center">
|
|
Second</td>
|
|
<td align="left">
|
|
row</td>
|
|
<td align="right">
|
|
5.0</td>
|
|
<td align="left">
|
|
Here's another one. Note the blank line between rows.</td>
|
|
</tr>
|
|
</tbody></table>
|
|
|
|
<p>Multiline table without caption:</p>
|
|
|
|
<table><col width="15%" /><col width="13%" /><col width="16%" /><col width="33%" /><thead><tr class="header"><th align="center">
|
|
Centered Header</th>
|
|
<th align="left">
|
|
Left Aligned</th>
|
|
<th align="right">
|
|
Right Aligned</th>
|
|
<th align="left">
|
|
Default aligned</th>
|
|
</tr>
|
|
</thead><tbody><tr class="odd"><td align="center">
|
|
First</td>
|
|
<td align="left">
|
|
row</td>
|
|
<td align="right">
|
|
12.0</td>
|
|
<td align="left">
|
|
Example of a row that spans multiple lines.</td>
|
|
</tr>
|
|
<tr class="even"><td align="center">
|
|
Second</td>
|
|
<td align="left">
|
|
row</td>
|
|
<td align="right">
|
|
5.0</td>
|
|
<td align="left">
|
|
Here's another one. Note the blank line between rows.</td>
|
|
</tr>
|
|
</tbody></table>
|
|
|
|
<p>Table without column headers:</p>
|
|
|
|
<table><tbody><tr class="odd"><td align="right">
|
|
12</td>
|
|
<td align="left">
|
|
12</td>
|
|
<td align="center">
|
|
12</td>
|
|
<td align="right">
|
|
12</td>
|
|
</tr>
|
|
<tr class="even"><td align="right">
|
|
123</td>
|
|
<td align="left">
|
|
123</td>
|
|
<td align="center">
|
|
123</td>
|
|
<td align="right">
|
|
123</td>
|
|
</tr>
|
|
<tr class="odd"><td align="right">
|
|
1</td>
|
|
<td align="left">
|
|
1</td>
|
|
<td align="center">
|
|
1</td>
|
|
<td align="right">
|
|
1</td>
|
|
</tr>
|
|
</tbody></table>
|
|
|
|
<p>Multiline table without column headers:</p>
|
|
|
|
<table><col width="15%" /><col width="13%" /><col width="16%" /><col width="33%" /><tbody><tr class="odd"><td align="center">
|
|
First</td>
|
|
<td align="left">
|
|
row</td>
|
|
<td align="right">
|
|
12.0</td>
|
|
<td align="left">
|
|
Example of a row that spans multiple lines.</td>
|
|
</tr>
|
|
<tr class="even"><td align="center">
|
|
Second</td>
|
|
<td align="left">
|
|
row</td>
|
|
<td align="right">
|
|
5.0</td>
|
|
<td align="left">
|
|
Here's another one. Note the blank line between rows.</td>
|
|
</tr>
|
|
</tbody></table>
|