mirror of
https://github.com/jgm/pandoc.git
synced 2026-07-23 09:41:40 +00:00
ThomasSoeiroandGitHub
cd15313216
Pandoc used to emit a `header` class on the `tr` element that forms the table header. This is no longer needed, because `head > tr` will do the same thing. Similarly, pandoc used to emit `even` and `odd` classes on `tr`s, allowing striped styling. This is no longer needed, because one can use e.g. `tbody tr:nth-child(2n)`. We now omit these classes, which have a good chance of conflicting with classes used for other things. Closes #9325.
207 lines
5.0 KiB
Plaintext
207 lines
5.0 KiB
Plaintext
<p>Simple table with caption:</p>
|
||
<table>
|
||
<caption>Demonstration of simple table syntax.</caption>
|
||
<thead>
|
||
<tr>
|
||
<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>
|
||
<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>
|
||
<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>
|
||
<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>
|
||
<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>
|
||
<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>
|
||
<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>
|
||
<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>
|
||
<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>
|
||
<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>
|
||
<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>
|
||
<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>
|
||
<table style="width:80%;">
|
||
<caption>Here’s the caption. It may span multiple lines.</caption>
|
||
<colgroup>
|
||
<col style="width: 15%" />
|
||
<col style="width: 13%" />
|
||
<col style="width: 16%" />
|
||
<col style="width: 35%" />
|
||
</colgroup>
|
||
<thead>
|
||
<tr>
|
||
<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>
|
||
<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>
|
||
<td style="text-align: center;">Second</td>
|
||
<td style="text-align: left;">row</td>
|
||
<td style="text-align: right;">5.0</td>
|
||
<td style="text-align: left;">Here’s another one. Note the blank line between
|
||
rows.</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<p>Multiline table without caption:</p>
|
||
<table style="width:80%;">
|
||
<colgroup>
|
||
<col style="width: 15%" />
|
||
<col style="width: 13%" />
|
||
<col style="width: 16%" />
|
||
<col style="width: 35%" />
|
||
</colgroup>
|
||
<thead>
|
||
<tr>
|
||
<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>
|
||
<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>
|
||
<td style="text-align: center;">Second</td>
|
||
<td style="text-align: left;">row</td>
|
||
<td style="text-align: right;">5.0</td>
|
||
<td style="text-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>
|
||
<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>
|
||
<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>
|
||
<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>
|
||
<table style="width:80%;">
|
||
<colgroup>
|
||
<col style="width: 15%" />
|
||
<col style="width: 13%" />
|
||
<col style="width: 16%" />
|
||
<col style="width: 35%" />
|
||
</colgroup>
|
||
<tbody>
|
||
<tr>
|
||
<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>
|
||
<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>
|