Tables are used to display tabular data in an easy to read format. If used correctly, there are also significant advantages for SEO, semantics, and overall usability when tables are utilized instead of divs, lists, or other HTML elements.
Tables | Basic Table Sass file: /sass/_acs-tables.scss
For basic styling—light padding and only horizontal dividers—add the base class .table
to any <table>
. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom table styles.
Optional table caption <caption>
.# | First Name | Last Name | Username |
---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird | @twitter |