e076412b29
html does not support table separator rows as Org mode does. Emacs org export simulates rows as defined by separators by wrapping all the rows between 2 separators into a separate tbody. The html spec is fine with that [0] so we follow. [0] https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody
193 lines
3.2 KiB
HTML
193 lines
3.2 KiB
HTML
<figure>
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th class="align-right">a</th>
|
||
<th class="align-right">b</th>
|
||
<th class="align-right">c</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="align-right">1</td>
|
||
<td class="align-right">2</td>
|
||
<td class="align-right">3</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<figcaption>
|
||
table with separator before and after header
|
||
</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th class="align-right">a</th>
|
||
<th class="align-right">b</th>
|
||
<th class="align-right">c</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="align-right">1</td>
|
||
<td class="align-right">2</td>
|
||
<td class="align-right">3</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<figcaption>
|
||
table with separator after header
|
||
</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>Character</th>
|
||
<th>Org</th>
|
||
<th>Rendered HTML</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>Hyphen</td>
|
||
<td><code class="verbatim">a - b</code></td>
|
||
<td>a - b</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Ndash</td>
|
||
<td><code class="verbatim">a -- b</code></td>
|
||
<td>a – b</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Mdash</td>
|
||
<td><code class="verbatim">a --- b</code></td>
|
||
<td>a — b</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Ellipsis</td>
|
||
<td><code class="verbatim">a ... b</code></td>
|
||
<td>a … b</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<figcaption>
|
||
table with unicode characters
|
||
</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<table>
|
||
<tbody>
|
||
<tr>
|
||
<td class="align-right">1</td>
|
||
<td class="align-right">2</td>
|
||
<td class="align-right">3</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<figcaption>
|
||
table without header (but separator before)
|
||
</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<table>
|
||
<tbody>
|
||
<tr>
|
||
<td class="align-right">1</td>
|
||
<td class="align-right">2</td>
|
||
<td class="align-right">3</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<figcaption>
|
||
table without header
|
||
</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th class="align-left">left aligned</th>
|
||
<th class="align-right">right aligned</th>
|
||
<th class="align-center">center aligned</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="align-left">42</td>
|
||
<td class="align-right">42</td>
|
||
<td class="align-center">42</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="align-left">foobar</td>
|
||
<td class="align-right">foobar</td>
|
||
<td class="align-center">foobar</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<figcaption>
|
||
table with aligned and sized columns
|
||
</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th class="align-right">long column a</th>
|
||
<th class="align-right">long column b</th>
|
||
<th class="align-right">long column c</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="align-right">1</td>
|
||
<td class="align-right">2</td>
|
||
<td class="align-right">3</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<figcaption>
|
||
table with right aligned columns (because numbers)
|
||
</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th class="align-right">a</th>
|
||
<th class="align-right">b</th>
|
||
<th class="align-right">c</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="align-right">1</td>
|
||
<td class="align-right">2</td>
|
||
<td class="align-right">3</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="align-right">.</td>
|
||
<td class="align-right">.</td>
|
||
<td class="align-right">.</td>
|
||
</tr>
|
||
</tbody>
|
||
<tbody>
|
||
<tr>
|
||
<td class="align-right">1</td>
|
||
<td class="align-right">2</td>
|
||
<td class="align-right">3</td>
|
||
</tr>
|
||
</tbody>
|
||
<tbody>
|
||
<tr>
|
||
<td class="align-right">1</td>
|
||
<td class="align-right">2</td>
|
||
<td class="align-right">3</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<figcaption>
|
||
table with multiple separators (~ multiple tbodies)
|
||
</figcaption>
|
||
</figure>
|