a8273009ba
We can now handle all different alignment types, for simple tables only (no captions, no relative widths, cell contents just plain inlines). Other tables are still handled using raw HTML. Addresses #1585 as far as it can be addresssed, I believe.
167 lines
3.5 KiB
Text
167 lines
3.5 KiB
Text
Simple table with caption:
|
|
|
|
<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>
|
|
|
|
Simple table without caption:
|
|
|
|
|_. Right|_. Left|_. Center|_. Default|
|
|
|>. 12|<. 12|=. 12|12|
|
|
|>. 123|<. 123|=. 123|123|
|
|
|>. 1|<. 1|=. 1|1|
|
|
|
|
Simple table indented two spaces:
|
|
|
|
<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>
|
|
|
|
Multiline table with caption:
|
|
|
|
<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>
|
|
|
|
Multiline table without caption:
|
|
|
|
<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>
|
|
|
|
Table without column headers:
|
|
|
|
|>. 12|<. 12|=. 12|>. 12|
|
|
|>. 123|<. 123|=. 123|>. 123|
|
|
|>. 1|<. 1|=. 1|>. 1|
|
|
|
|
Multiline table without column headers:
|
|
|
|
<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>
|
|
|