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
1. Syntax
| Syntax | Notes | |
|---|---|---|
| Caption | ?| Caption |? | title of the table |
| Thead | *| Header | Header |* | head columns, entire row |
| Th | ^| Header | Col |||| Col ^ Header || | head row |
| Cellspan | ||(colspan=2;rowspan=2) 2x2 | 1x1 || | cell spanning, x colspan, y rowspan |
| Tfoot | =| Footer | Footer |= | not sure if this should be implemented at all |
2. One
| Cell spanning 2 columns | Cell 3 | |
| Cell 4 | Cell 5 | Cell 6 |
| Cell 7 | Cell 8 | Cell 9 |
| Cell spanning 2 rows | Cell 2 | Cell 3 |
| Cell 5 | Cell 6 | |
| Cell 7 | Cell 8 | Cell 9 |
| Apples | Pears | |||
|---|---|---|---|---|
| 2005 | 2006 | 2005 | 2006 | |
| Mary | 300Kg | 320Kg | 400kg | 280Kg |
| John | 400Kg | 630Kg | 210Kg | 300Kg |
| 2x2 | 2x1 | 1x2 | ||
|---|---|---|---|---|
| 1x2 | 1x1 | |||
| 1x1 | 1x1 | 2x1 | ||
3. Two
| 1 | 2 |
|---|---|
| a | b |
4. Three
| 1 | 2 |
|---|---|
| a | b |
5. 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 |
6. 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 |
7. 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 |
8. Seven
| 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 | |