Use tables to display tabular data. There are several options available to configure tables.
Tables should not be used to list faculty, staff or students. University Theme offers three display options for people pages.
Color Options
Default
Info Header 1 | Info Header 2 | Info Header 3 | Info Header 4 |
---|---|---|---|
Text 1A | Text 1B | Text 1C | Text 1D |
Text 2A | Text 2B | Text 2C | Text 2D |
Text 3A | Text 3B | Text 3C | Text 3D |
Text 4A | Text 4B | Text 4C | Text 4D |
Border + Grid
border
grid
Info Header 1 | Info Header 2 | Info Header 3 | Info Header 4 |
---|---|---|---|
Text 1A | Text 1B | Text 1C | Text 1D |
Text 2A | Text 2B | Text 2C | Text 2D |
Text 3A | Text 3B | Text 3C | Text 3D |
Text 4A | Text 4B | Text 4C | Text 4D |
Solid Header
solid-header
Info Header 1 | Info Header 2 | Info Header 3 | Info Header 4 |
---|---|---|---|
Text 1A | Text 1B | Text 1C | Text 1D |
Text 2A | Text 2B | Text 2C | Text 2D |
Text 3A | Text 3B | Text 3C | Text 3D |
Text 4A | Text 4B | Text 4C | Text 4D |
Solid Header + Stripes
solid-header
stripes
Info Header 1 | Info Header 2 | Info Header 3 | Info Header 4 |
---|---|---|---|
Text 1A | Text 1B | Text 1C | Text 1D |
Text 2A | Text 2B | Text 2C | Text 2D |
Text 3A | Text 3B | Text 3C | Text 3D |
Text 4A | Text 4B | Text 4C | Text 4D |
Solid Header + Color + Stripes
solid-header
red
stripes-color
Info Header 1 | Info Header 2 | Info Header 3 | Info Header 4 |
---|---|---|---|
Text 1A | Text 1B | Text 1C | Text 1D |
Text 2A | Text 2B | Text 2C | Text 2D |
Text 3A | Text 3B | Text 3C | Text 3D |
Text 4A | Text 4B | Text 4C | Text 4D |
Solid Header + Grid + Color
solid-header
grid
red
Info Header 1 | Info Header 2 | Info Header 3 | Info Header 4 |
---|---|---|---|
Text 1A | Text 1B | Text 1C | Text 1D |
Text 2A | Text 2B | Text 2C | Text 2D |
Text 3A | Text 3B | Text 3C | Text 3D |
Text 4A | Text 4B | Text 4C | Text 4D |
Responsive Table
responsive-table
0 > 499 (hides thead, adds corresponding th to each td, shows row as block)
Info Header 1 | Info Header 2 | Info Header 3 | Info Header 4 |
---|---|---|---|
Text 1A | Text 1B | Text 1C | Text 1D |
Text 2A | Text 2B | Text 2C | Text 2D |
Text 3A | Text 3B | Text 3C | Text 3D |
Text 4A | Text 4B | Text 4C | Text 4D |