Tables have no border, cell gap and other form of styling by default.
The cell's content are just aligned in the top of the cell.
Cell 1.1 | Cell 1.2 | Cell 1.3 |
Cell 2.1 | Cell 2.2 | Cell 2.3 |
Cell 3.1 |
The content of a table's cells can be uniformly changed via the .table-v-center and .table-v-bottom classes.
Top (Default)
1.1 | 1.2 |
2.1 |
Middle
1.1 | 1.2 |
2.1 |
End
1.1 | 1.2 |
2.1 |
All of a given table's cells can be padded uniformly by using the
.table-p-X class where X
can be replaced by any of the standard sizes.
Usable sizes:
xxs, xs,
s, m,
l, xl
Cell 1.1 |
Cell 1.2 |
Cell 2.1 |
Cell 2.2 |
Cell 1.1 |
Cell 1.2 |
Cell 2.1 |
Cell 2.2 |
Cell 1.1 |
Cell 1.2 |
Cell 2.1 |
Cell 2.2 |
Cell 1.1 |
Cell 1.2 |
Cell 2.1 |
Cell 2.2 |
Cell 1.1 |
Cell 1.2 |
Cell 2.1 |
Cell 2.2 |
Cell 1.1 |
Cell 1.2 |
Cell 2.1 |
Cell 2.2 |