Tables

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

this is a caption
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