TxStyle · Textile Documentation
The Textile Markup (2.4) Reference for Textpattern
More about: Tables
1) Headings are preceded by |_.
|_. First Header |_. Second Header |
| Content Cell | Content Cell |
2) HTML5 requires the use of a thead tag. A tfoot tag is optional.
The thead tag is added when |^. above and |-. below the heading are used.
|^.
|_. First Header |_. Second Header |
|-.
| Content Cell | Content Cell |
| Content Cell | Content Cell |
The tfoot tag is added when |~. above and |-. below the footer are used.
|~.
|\2=. A footer, centered & across two columns |
|-.
| Content Cell | Content Cell |
| Content Cell | Content Cell |
3) Attributes are be applied either to individual cells, rows, or to the entire table.
Cell attributes are placed within each cell:
|a|{color:red}. styled|cell|
Row attributes are placed at the beginning of a row, followed by a dot and a space:
(rowclass). |a|classy|row|
Table attributes are specified by placing the special table. block modifier immediately before the table:
table(tableclass).
|a|classy|table|
|a|classy|table|
4) Spanning rows and colums
A backslash \ is used for a column span.
|\2. spans two cols |
| col 1 | col 2 |
A forward slash / is used for a row span.
|/3. spans 3 rows | row a |
| row b |
| row c |
5) Vertical alignments within a table cell
|^. top alignment|
|-. middle alignment|
|~. bottom alignment|
6) Horizontal alignments within a table cell
|:\1. |400|
|=. center alignment |
| no alignment |
|>. right alignment |
7) A complex table example
p=. Full table with summary, caption, colgroups, thead, tfoot, 2x tbody
|:\3. 100 |{background:#ddd}|250||50|300|
|^(header).
|_. Title |_. Starring |_. Director |_. Writer |_. Notes |
|~(footer).
|\5=. This is the tfoot, centred |
|-(toplist){background:#c5f7f6}.
| _The Usual Suspects_ | Stephen Baldwin, Kevin Spacey | Bryan Singer | Chris McQuarrie | One of the finest films ever made |
| _Se7en_ | Morgan Freeman, Brad Pitt | David Fincher | Andrew Kevin Walker | Great psychological thriller |
8) Table support
For further information using tables, see the developer notes on tables
Paste code into the box above.
