Layouts: Tables
Table formatting and setups. See style guide for more table configurations.
Course tables
A table listing for curriculum course content.
class="courses"
Table title
| Course # | Title | Credits |
|---|---|---|
| XXX #### | Course Title | # |
| HIS 7855 | Memory and History | 3 |
| HIS 7998 | Internship in Public History | 3 |
| HIS 7999 | Master's Project & Portfolio | 3 |
Basic table with scroll applied
Adds scrolling bar to tables with horizontal overflow.
class="table-scroll"
| First Name | Last Name | First Name | Last Name | First Name | Last Name | |||
|---|---|---|---|---|---|---|---|---|
| Foot | Foot | |||||||
| Alvena | Olson | viviane.wolff@klein.com | Alvena | Olson | viviane.wolff@klein.com | Alvena | Olson | viviane.wolff@klein.com |
| Johan | West | streich.hilario@gmail.com | Johan | West | streich.hilario@gmail.com | Johan | West | streich.hilario@gmail.com |
| Telly | Skiles | heathcote.brannon@rodriguez.net | Johan | West | streich.hilario@gmail.com | Johan | West | streich.hilario@gmail.com |
Stacked tables
Stacks tables on mobile views.
class="table-stack"
| First Name | Last Name | |
|---|---|---|
| Alvena | Olson | viviane.wolff@klein.com |
| Johan | West | streich.hilario@gmail.com |
| Telly | Skiles | heathcote.brannon@rodriguez.net |
| Eric | Cummerata | rgrant@witting.net |
| Jayda | Mante | luciano15@kassulke.com |
| Jackeline | Hilpert | mlockman@haag.org |
| Palma | Stehr | alexane55@yahoo.com |
| Georgianna | Reynolds | okon.isaiah@yahoo.com |
| William | Stamm | alfonzo38@berge.com |
| Jace | Kuhic | reinhold48@yahoo.com |