diff options
Diffstat (limited to 'tests/tables.html')
-rw-r--r-- | tests/tables.html | 138 |
1 files changed, 138 insertions, 0 deletions
diff --git a/tests/tables.html b/tests/tables.html new file mode 100644 index 000000000..e145088d2 --- /dev/null +++ b/tests/tables.html @@ -0,0 +1,138 @@ +<p> + Simple table with caption: +</p> +<table> + <caption>Demonstration of simple table syntax.</caption> + <tr> + <th align="right" style="{width: 15%;}">Right</th> + <th align="left" style="{width: 8%;}">Left</th> + <th align="center" style="{width: 16%;}">Center</th> + <th align="left" style="{width: 12%;}">Default</th> + </tr> + <tr> + <td align="right">12</td> + <td align="left">12</td> + <td align="center">12</td> + <td align="left">12</td> + </tr> + <tr> + <td align="right">123</td> + <td align="left">123</td> + <td align="center">123</td> + <td align="left">123</td> + </tr> + <tr> + <td align="right">1</td> + <td align="left">1</td> + <td align="center">1</td> + <td align="left">1</td> + </tr> +</table> +<p> + Simple table without caption: +</p> +<table> + <tr> + <th align="right" style="{width: 15%;}">Right</th> + <th align="left" style="{width: 8%;}">Left</th> + <th align="center" style="{width: 16%;}">Center</th> + <th align="left" style="{width: 12%;}">Default</th> + </tr> + <tr> + <td align="right">12</td> + <td align="left">12</td> + <td align="center">12</td> + <td align="left">12</td> + </tr> + <tr> + <td align="right">123</td> + <td align="left">123</td> + <td align="center">123</td> + <td align="left">123</td> + </tr> + <tr> + <td align="right">1</td> + <td align="left">1</td> + <td align="center">1</td> + <td align="left">1</td> + </tr> +</table> +<p> + Simple table indented two spaces: +</p> +<table> + <caption>Demonstration of simple table syntax.</caption> + <tr> + <th align="right" style="{width: 15%;}">Right</th> + <th align="left" style="{width: 8%;}">Left</th> + <th align="center" style="{width: 16%;}">Center</th> + <th align="left" style="{width: 12%;}">Default</th> + </tr> + <tr> + <td align="right">12</td> + <td align="left">12</td> + <td align="center">12</td> + <td align="left">12</td> + </tr> + <tr> + <td align="right">123</td> + <td align="left">123</td> + <td align="center">123</td> + <td align="left">123</td> + </tr> + <tr> + <td align="right">1</td> + <td align="left">1</td> + <td align="center">1</td> + <td align="left">1</td> + </tr> +</table> +<p> + Multiline table with caption: +</p> +<table> + <caption>Here's the caption. It may span multiple lines.</caption> + <tr> + <th align="center" style="{width: 15%;}">Centered Header</th> + <th align="left" style="{width: 13%;}">Left Aligned</th> + <th align="right" style="{width: 16%;}">Right Aligned</th> + <th align="left" style="{width: 33%;}">Default aligned</th> + </tr> + <tr> + <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> + <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> +</table> +<p> + Multiline table without caption: +</p> +<table> + <tr> + <th align="center" style="{width: 15%;}">Centered Header</th> + <th align="left" style="{width: 13%;}">Left Aligned</th> + <th align="right" style="{width: 16%;}">Right Aligned</th> + <th align="left" style="{width: 33%;}">Default aligned</th> + </tr> + <tr> + <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> + <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> +</table> |