Tables

These examples are included for development testing purposes. For official documentation, see https://www.patternfly.org and http://getbootstrap.com.

PatternFly recommendation: Bootstrap striped, bordered, hover, and responsive

Session Course Number Title Level Course Format Days CRN
Winter 2014 Full-Term Session CMN 6020 Ethical Issues in Organizational Communication Graduate Online T 20115
Winter 2014 Full-Term Session CMN 6020 Ethical Issues in Organizational Communication Graduate Online W 21509
Winter 2014 Full-Term Session CMN 6050 Crisis Communication Graduate Online W 20915
Winter 2014 Full-Term Session CMN 6050 Crisis Communication Graduate Online Th 21550
Winter 2014 Full-Term Session CMN 6060 Negotiation, Mediation, and Facilitation Graduate Online Th 20119
Winter 2014 Full-Term Session CMN 6060 Negotiation, Mediation, and Facilitation Graduate Online T 20122
Winter 2014 Full-Term Session CMN 6060 Negotiation, Mediation, and Facilitation Graduate Online T 21511
Winter 2014 Full-Term Session CMN 6060 Negotiation, Mediation, and Facilitation Graduate Online Th 21330
Winter 2014 Full-Term Session CMN 6061 Personal Branding Graduate Online Th 20124
Winter 2014 Full-Term Session CMN 6080 Intercultural Communication Graduate Online W 20126

TreeGrid tables

Column heading Column heading Column heading Column heading
Parent 1 Column content Column content Column content
Child 1 Column content Column content Column content
Grandchild 1 Column content Column content Column content
Grandchild 2 Column content Column content Column content
Grandchild 3 Column content Column content Column content
Child 2 Column content Column content Column content
Parent 2 Column content Column content Column content
Parent 3 Column content Column content Column content
Child 3 Column content Column content Column content
Child 4 Column content Column content Column content
Grandchild 4 Column content Column content Column content

Bootstrap examples

Basic example

Optional table caption.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Striped rows

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Bordered table

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Hover rows

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Condensed table

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Contextual classes

# Column heading Column heading Column heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content

Responsive tables

# Table heading Table heading Table heading Table heading Table heading Table heading
1 Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell