--- categories: [Widgets] layout: page title: Tables resource: true ---

## 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
Parent 4 | 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