Skip to main content Skip to navigation Skip to search


Tables can have several different visual styles.


CSS Class Host Element(s) Type Description Required
.table table style Add default Clarity table styles. yes
left th, td style Left align content. Table header and row cells should have the same alignemnt. no
.table-noborder table visual style Removes the default Clarity table border no
.compact-table table layout Reduces line height and compacts the table content. no
.table-vertical table layout Orient a table vertically and use the left most (th or td) element to serve as table header. no