diff options
Diffstat (limited to 'tests/tables.html')
| -rw-r--r-- | tests/tables.html | 129 |
1 files changed, 99 insertions, 30 deletions
diff --git a/tests/tables.html b/tests/tables.html index 8f06c5832..b72aa784e 100644 --- a/tests/tables.html +++ b/tests/tables.html @@ -1,129 +1,198 @@ <p>Simple table with caption:</p> -<table><caption>Demonstration of simple table syntax.</caption><thead><tr class="header"><th align="right">Right</th> +<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> +</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> +<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> +<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> +</tbody> +</table> <p>Simple table without caption:</p> -<table><thead><tr class="header"><th align="right">Right</th> +<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> +</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> +<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> +<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> +</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> +<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> +</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> +<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> +<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> +</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> +<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> +</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> +<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> +</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> +<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> +</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> +<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> +</tbody> +</table> <p>Table without column headers:</p> -<table><tbody><tr class="odd"><td align="right">12</td> +<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> +<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> +<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> +</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> +<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> +<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> +</tbody> +</table> |
