Difference between revisions for Playground / Table Syntax
- caption
- th
- colspan / rowspan
- text alignment
- indent
- left (default)
- center
- right
- thead / tfoot / tbody
- colgroup / col
- CSS: color, styles, width
resources
- https://developer.mozilla.org/[...]nt/HTML_table_basics
- https://developer.mozilla.org/[...]rence/Elements/table
- https://html.spec.whatwg.org/m[...]ml#the-table-element
Syntax
| Syntax | Notes | |||
|---|---|---|---|---|
| Caption | ?| Caption |? |
title of the table | ||
| Thead | *| Header | Header |* |
head columns, entire row | ||
| Th | ^| Header | Col |||| Col ^ Header || |
head row | ||
| Cellspan | <! |
|||
| ## | cell spanning, ##x## colspan, ##y## rowspan || ^| Tfoot | ##= |
Footer | Footer | =""## | not sure if this should be implemented at all |
One
| # # |
<! |
|||
| # # |
? | Fruit production in the last two years | ? |
|
| 2005 | 2006 | 2005 | 2006 | |
|---|---|---|---|---|
| Mary | 300Kg | 320Kg | 400kg | 280Kg |
| John | 400Kg | 630Kg | 210Kg | 300Kg |
| 2x2 | 2x1 | 1x2 | ||
|---|---|---|---|---|
| 1x2 | 1x1 | |||
| 1x1 | 1x1 | 2x1 | ||
| 2x2 | 2x1 | 1x2 | ||
| 1x2 | 1x1 | |||
| 1x1 | 1x1 | 2x1 | ||
Two
| 1 | 2 |
|---|---|
| a | b |
Three
| 1 | 2 |
|---|---|
| a | b |
Four
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Row 1 Col 1 | Row 1 Col 2 | Row 1 Col 3 |
| Row 2 Col 1 | some colspan | |
| Row 3 Col 1 | Row 3 Col 2 | Row 3 Col 3 |
Five
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Row 1 Col 1 | Row 1 Col 2 | Row 1 Col 3 |
| Row 2 Col 1 | some colspan | |
| Row 3 Col 1 | Row 3 Col 2 | Row 3 Col 3 |
Six
| Heading 1 | Heading 2 | |
|---|---|---|
| Heading 3 | Row 1 Col 2 | Row 1 Col 3 |
| Heading 4 | no colspan this time | |
| Heading 5 | Row 2 Col 2 | Row 2 Col 3 |
Seven
| Row 1 Col 1 <! |
<! |
<! |
Row 1 Col 3 | |
|---|---|---|---|---|
| Row 2 Col 1 <! |
<! |
<! |
||
| Row 3 Col 1 <! |
<! |
<! |
Row 3 Col 3 | |