pandoc/tests/tables.html
fiddlosopher 5b422262d3 Include classes on tr elements in HTML output: "header", "odd", "even".
This allows tables to be styled with lines in alternating colors.
Resolves Issue #91.


git-svn-id: https://pandoc.googlecode.com/svn/trunk@1467 788f1e2b-df1e-0410-8736-df70ead52e1b
2008-10-18 23:14:59 +00:00

207 lines
4.1 KiB
HTML

<p
>Simple table with caption:</p
><table
><caption
>Demonstration of simple table syntax.</caption
><tr class="header"
><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 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
></table
><p
>Simple table without caption:</p
><table
><tr class="header"
><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 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
></table
><p
>Simple table indented two spaces:</p
><table
><caption
>Demonstration of simple table syntax.</caption
><tr class="header"
><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 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
></table
><p
>Multiline table with caption:</p
><table
><caption
>Here's the caption. It may span multiple lines.</caption
><tr class="header"
><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 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
></table
><p
>Multiline table without caption:</p
><table
><tr class="header"
><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 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
></table
>