1 Test tables
Table 1
—
No border no col definition table
| table cell text | table cell text |
| table cell text | table cell text |
Table 2
—
Table with explicit border definitions, 2px table and table header border
| header text | header text | header text | header text | header text |
|---|
| table cell text | table cell text | table cell text | table cell text | table cell text |
| table cell text | table cell text | table cell text | table cell text | table cell text |
Table 3
—
Spanning cells in header
| header text | header text |
|---|
| header text | header text | header text |
|---|
| table cell text | table cell text | table cell text | table cell text |
| table cell text | table cell text | table cell text | table cell text |
Table 4
—
Table with footer
| header text | header text | header text | header text |
|---|
| table footer |
| table cell text | table cell text | table cell text | table cell text |
| table cell text | table cell text | table cell text | table cell text |
Table 5
—
Table with various col and rowspans
| header text | header text | header text | header text | header text |
|---|
| table cell text | table cell text | table cell text | table cell text | table cell text |
| table cell text |
| table cell text | table cell text |
| table cell text |
| table cell text | table cell text |
| table cell text | table cell text |
| table cell text | table cell text |
| table cell text |
| table cell text | table cell text |
| table cell text | table cell text |
Table 6
—
Table with specific cells having no border
| header text | header text |
|---|
| header text | header text | header text |
|---|
| table cell text | table cell text | table cell text | table cell text |
| table cell text | table cell text | table cell text | table cell text |
| table cell text | table cell text | table cell text | table cell text |
| table cell text | table cell text | table cell text | table cell text |
| table cell text | table cell text | table cell text | table cell text |
Table 7
—
Table with col and row spans where CSS of neighboring cells defines colsep and rowsep
| table default | table default | table default | table default |
|---|
| rowsep=no | table default | rowsep=yes |
| colsep=yes, rowsep=yes | table default |
| table default | colsep=yes | table default | table default |
Table 8
—
Table with @rules="rows" should generate rowsep for all rows
| rowsep=yes | rowsep=yes | rowsep=yes | rowsep=yes |
|---|
| rowsep=yes | rowsep=yes | rowsep=yes | rowsep=yes |
| rowsep=yes | rowsep=yes | rowsep=yes | rowsep=yes |
| rowsep=yes | rowsep=yes | rowsep=yes | rowsep=yes |
Table 9
—
Table with @rules="cols" should generate colsep for all cells
| colsep=yes | colsep=yes | colsep=yes | colsep=yes |
|---|
| colsep=yes | colsep=yes | colsep=yes | colsep=yes |
| colsep=yes | colsep=yes | colsep=yes | colsep=yes |
| colsep=yes | colsep=yes | colsep=yes | colsep=yes |
Table 10
—
Table with @rules="groups" which should generate rowsep for last row in theader and table
| table default | table default | table default | table default |
|---|
| rowsep=yes | rowsep=yes | rowsep=yes | rowsep=yes |
|---|
| table default | table default | table default | table default |
| table default | table default | table default | table default |
| rowsep=yes; because its the last tbody row before the tfoot | rowsep=yes | rowsep=yes | rowsep=yes |
Table 11
—
Table with @rules="all" which should generate rowsep and rowsep for all
| colsep=yes, rowsep=yes | colsep=yes, rowsep=yes | colsep=yes, rowsep=yes | colsep=yes, rowsep=yes |
|---|
| colsep=yes, rowsep=yes | colsep=yes, rowsep=yes | colsep=yes, rowsep=yes | colsep=yes, rowsep=yes |
|---|
| colsep=yes, rowsep=yes | colsep=yes, rowsep=yes | colsep=yes, rowsep=yes | colsep=yes, rowsep=yes |
| colsep=yes, rowsep=yes | colsep=yes, rowsep=yes | colsep=yes, rowsep=yes | colsep=yes, rowsep=yes |
| colsep=yes, rowsep=yes | colsep=yes, rowsep=yes | colsep=yes, rowsep=yes | colsep=yes, rowsep=yes |
Table 12
—
Table cell alignment
| just lots of text to see the vertical alignment, just lots of text to see the vertical alignment, just lots of text to see the vertical alignment, just lots of text to see the vertical alignment | align="center" valign="middle" | align="left" valign="top" | align="right" valign="bottom" | align="char" | align="justify" valign="bottom" |