#### Basic Table

###### Add class `.table`

# | First Name | Last Name | Username | Role
--- | --- | --- | --- | ---
1 | Deshmukh | Prohaska | @Genelia | admin
2 | Deshmukh | Gaylord | @Ritesh | member
3 | Sanghani | Gusikowski | @Govinda | developer
4 | Roshan | Rogahn | @Hritik | supporter
5 | Joshi | Hickle | @Maruti | member
6 | Nigam | Eichmann | @Sonu | supporter

#### Bordered Table

###### Add `.table-bordered`for borders on all sides of the table and cells.

Task | Progress | Deadline | Status
--- | --- | --- | ---
Lunar probe project |  | May 15, 2015 | active
Dream successful plan |  | July 1, 2015 | active
Office automatization |  | Apr 12, 2015 | inactive
The sun climbing plan |  | Aug 9, 2015 | active
Open strategy |  | Apr 2, 2015 | active
Tantas earum numeris |  | July 11, 2015 | inactive

#### Striped Table

###### Add `.table-striped`for borders on all sides of the table and cells.

Task | Progress | Deadline | Status
--- | --- | --- | ---
Lunar probe project |  | May 15, 2015 | inactive
Dream successful plan |  | July 1, 2015 | active
Office automatization |  | Apr 12, 2015 | inactive
The sun climbing plan |  | Aug 9, 2015 | active
Open strategy |  | Apr 2, 2015 | active
Tantas earum numeris |  | July 11, 2015 | inactive

#### Responsive Table

###### Create responsive tables by wrapping any `.table` in `.table-responsive`

Invoice | User | Date | Amount | Status | Country
--- | --- | --- | --- | --- | ---
Order #26589 | Herman Beck | Oct 16, 2017 | $45.00 | Paid | EN
Order #58746 | Mary Adams | Oct 12, 2017 | $245.30 | Shipped | CN
Order #98458 | Caleb Richards | May 18, 2017 | $38.00 | Shipped | AU
Order #32658 | June Lane | Apr 28, 2017 | $77.99 | Paid | FR

#### Contextual Classes

###### Use classes `( .table-active, .table-success, .table-info, .table-warning, .table-danger )` to color table rows or individual cells

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