2017-01-25 21:51:26 +01:00
|
|
|
|
<p>Simple table with caption:</p>
|
|
|
|
|
<table>
|
|
|
|
|
<caption>Demonstration of simple table syntax.</caption>
|
|
|
|
|
<thead>
|
|
|
|
|
<tr class="header">
|
|
|
|
|
<th style="text-align: right;">Right</th>
|
|
|
|
|
<th style="text-align: left;">Left</th>
|
|
|
|
|
<th style="text-align: center;">Center</th>
|
|
|
|
|
<th>Default</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr class="odd">
|
|
|
|
|
<td style="text-align: right;">12</td>
|
|
|
|
|
<td style="text-align: left;">12</td>
|
|
|
|
|
<td style="text-align: center;">12</td>
|
|
|
|
|
<td>12</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="even">
|
|
|
|
|
<td style="text-align: right;">123</td>
|
|
|
|
|
<td style="text-align: left;">123</td>
|
|
|
|
|
<td style="text-align: center;">123</td>
|
|
|
|
|
<td>123</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="odd">
|
|
|
|
|
<td style="text-align: right;">1</td>
|
|
|
|
|
<td style="text-align: left;">1</td>
|
|
|
|
|
<td style="text-align: center;">1</td>
|
|
|
|
|
<td>1</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
<p>Simple table without caption:</p>
|
|
|
|
|
<table>
|
|
|
|
|
<thead>
|
|
|
|
|
<tr class="header">
|
|
|
|
|
<th style="text-align: right;">Right</th>
|
|
|
|
|
<th style="text-align: left;">Left</th>
|
|
|
|
|
<th style="text-align: center;">Center</th>
|
|
|
|
|
<th>Default</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr class="odd">
|
|
|
|
|
<td style="text-align: right;">12</td>
|
|
|
|
|
<td style="text-align: left;">12</td>
|
|
|
|
|
<td style="text-align: center;">12</td>
|
|
|
|
|
<td>12</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="even">
|
|
|
|
|
<td style="text-align: right;">123</td>
|
|
|
|
|
<td style="text-align: left;">123</td>
|
|
|
|
|
<td style="text-align: center;">123</td>
|
|
|
|
|
<td>123</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="odd">
|
|
|
|
|
<td style="text-align: right;">1</td>
|
|
|
|
|
<td style="text-align: left;">1</td>
|
|
|
|
|
<td style="text-align: center;">1</td>
|
|
|
|
|
<td>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 style="text-align: right;">Right</th>
|
|
|
|
|
<th style="text-align: left;">Left</th>
|
|
|
|
|
<th style="text-align: center;">Center</th>
|
|
|
|
|
<th>Default</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr class="odd">
|
|
|
|
|
<td style="text-align: right;">12</td>
|
|
|
|
|
<td style="text-align: left;">12</td>
|
|
|
|
|
<td style="text-align: center;">12</td>
|
|
|
|
|
<td>12</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="even">
|
|
|
|
|
<td style="text-align: right;">123</td>
|
|
|
|
|
<td style="text-align: left;">123</td>
|
|
|
|
|
<td style="text-align: center;">123</td>
|
|
|
|
|
<td>123</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="odd">
|
|
|
|
|
<td style="text-align: right;">1</td>
|
|
|
|
|
<td style="text-align: left;">1</td>
|
|
|
|
|
<td style="text-align: center;">1</td>
|
|
|
|
|
<td>1</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
<p>Multiline table with caption:</p>
|
2018-04-21 22:06:57 +02:00
|
|
|
|
<table style="width:80%;">
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<caption>Here’s the caption. It may span multiple lines.</caption>
|
|
|
|
|
<colgroup>
|
|
|
|
|
<col style="width: 15%" />
|
|
|
|
|
<col style="width: 13%" />
|
|
|
|
|
<col style="width: 16%" />
|
2018-04-21 22:06:57 +02:00
|
|
|
|
<col style="width: 35%" />
|
2017-01-25 21:51:26 +01:00
|
|
|
|
</colgroup>
|
|
|
|
|
<thead>
|
|
|
|
|
<tr class="header">
|
|
|
|
|
<th style="text-align: center;">Centered Header</th>
|
|
|
|
|
<th style="text-align: left;">Left Aligned</th>
|
|
|
|
|
<th style="text-align: right;">Right Aligned</th>
|
|
|
|
|
<th style="text-align: left;">Default aligned</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr class="odd">
|
|
|
|
|
<td style="text-align: center;">First</td>
|
|
|
|
|
<td style="text-align: left;">row</td>
|
|
|
|
|
<td style="text-align: right;">12.0</td>
|
|
|
|
|
<td style="text-align: left;">Example of a row that spans multiple lines.</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="even">
|
|
|
|
|
<td style="text-align: center;">Second</td>
|
|
|
|
|
<td style="text-align: left;">row</td>
|
|
|
|
|
<td style="text-align: right;">5.0</td>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<td style="text-align: left;">Here’s another one. Note the blank line between
|
|
|
|
|
rows.</td>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
<p>Multiline table without caption:</p>
|
2018-04-21 22:06:57 +02:00
|
|
|
|
<table style="width:80%;">
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<colgroup>
|
|
|
|
|
<col style="width: 15%" />
|
|
|
|
|
<col style="width: 13%" />
|
|
|
|
|
<col style="width: 16%" />
|
2018-04-21 22:06:57 +02:00
|
|
|
|
<col style="width: 35%" />
|
2017-01-25 21:51:26 +01:00
|
|
|
|
</colgroup>
|
|
|
|
|
<thead>
|
|
|
|
|
<tr class="header">
|
|
|
|
|
<th style="text-align: center;">Centered Header</th>
|
|
|
|
|
<th style="text-align: left;">Left Aligned</th>
|
|
|
|
|
<th style="text-align: right;">Right Aligned</th>
|
|
|
|
|
<th style="text-align: left;">Default aligned</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr class="odd">
|
|
|
|
|
<td style="text-align: center;">First</td>
|
|
|
|
|
<td style="text-align: left;">row</td>
|
|
|
|
|
<td style="text-align: right;">12.0</td>
|
|
|
|
|
<td style="text-align: left;">Example of a row that spans multiple lines.</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="even">
|
|
|
|
|
<td style="text-align: center;">Second</td>
|
|
|
|
|
<td style="text-align: left;">row</td>
|
|
|
|
|
<td style="text-align: right;">5.0</td>
|
2021-12-20 22:44:03 +01:00
|
|
|
|
<td style="text-align: left;">Here’s another one. Note the blank line between
|
|
|
|
|
rows.</td>
|
2017-01-25 21:51:26 +01:00
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
<p>Table without column headers:</p>
|
|
|
|
|
<table>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr class="odd">
|
|
|
|
|
<td style="text-align: right;">12</td>
|
|
|
|
|
<td style="text-align: left;">12</td>
|
|
|
|
|
<td style="text-align: center;">12</td>
|
|
|
|
|
<td style="text-align: right;">12</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="even">
|
|
|
|
|
<td style="text-align: right;">123</td>
|
|
|
|
|
<td style="text-align: left;">123</td>
|
|
|
|
|
<td style="text-align: center;">123</td>
|
|
|
|
|
<td style="text-align: right;">123</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="odd">
|
|
|
|
|
<td style="text-align: right;">1</td>
|
|
|
|
|
<td style="text-align: left;">1</td>
|
|
|
|
|
<td style="text-align: center;">1</td>
|
|
|
|
|
<td style="text-align: right;">1</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
<p>Multiline table without column headers:</p>
|
2018-04-21 22:06:57 +02:00
|
|
|
|
<table style="width:80%;">
|
2017-01-25 21:51:26 +01:00
|
|
|
|
<colgroup>
|
|
|
|
|
<col style="width: 15%" />
|
|
|
|
|
<col style="width: 13%" />
|
|
|
|
|
<col style="width: 16%" />
|
2018-04-21 22:06:57 +02:00
|
|
|
|
<col style="width: 35%" />
|
2017-01-25 21:51:26 +01:00
|
|
|
|
</colgroup>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr class="odd">
|
|
|
|
|
<td style="text-align: center;">First</td>
|
|
|
|
|
<td style="text-align: left;">row</td>
|
|
|
|
|
<td style="text-align: right;">12.0</td>
|
|
|
|
|
<td>Example of a row that spans multiple lines.</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr class="even">
|
|
|
|
|
<td style="text-align: center;">Second</td>
|
|
|
|
|
<td style="text-align: left;">row</td>
|
|
|
|
|
<td style="text-align: right;">5.0</td>
|
|
|
|
|
<td>Here’s another one. Note the blank line between rows.</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|