Basic table | .table | The classname for applying general styling of Clarity tables to an HTML table. |
---|---|---|
Left-aligned table cells | .left |
This classname on a td aligns content to the left edge of the table cell.This is not necessary for vertical tables. |
Tables without borders | .table-noborder |
This classname removes borders between table rows and the border around the table. It also removes the background so that the table is transparent over its container background. |
Compact tables | .table-compact | This classname changes the height of the table rows from 36px to 24px. |
Vertical tables | .table-vertical | This classname removes the table header and applies table header styles to the left-most column. |