Tables
Basic Table
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | Otto | |
| 4 | Wilson | Thornton | @fat |
| 5 | Alexander | Thornton | @fat |
Variants Table
Use contextual classes to color tables,table rows or individual cells.
| Class | Heading | Heading |
|---|---|---|
| Primary | Cell | Cell |
| Secondary | Cell | Cell |
| Success | Cell | Cell |
| Danger | Cell | Cell |
| Warning | Cell | Cell |
| Info | Cell | Cell |
| Light | Cell | Cell |
Striped Table
Use .table-stripedto add zebra-striping to any table row within the <tbody>.
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | Otto | |
| 4 | Wilson | Thornton | @fat |
| 5 | Alexander | Thornton | @fat |
Hoverable Table
Add .table-hoverto enable a hover state on table rows within a <tbody>.
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | Otto | |
| 4 | Wilson | Thornton | @fat |
| 5 | Alexander | Thornton | @fat |
Datatable
| Id | Patients | Age | Adress | Admited | Discharge | Progress | Status |
|---|---|---|---|---|---|---|---|
| PT-0001 |
 Molly
|
45 | 70 Bowman St. South Windsor,CT 06074 | May 13,2021 | May 16,2021 |
|
Admit |
| PT-0011 |
 Brian
|
35 | 123 6th St. Melbourne,FL 32904 | May 13,2021 | May 22,2021 |
|
Discharge |
| PT-0045 |
 Julia
|
42 | 4 Shirley Ave. West Chicago,IL 60185 | May 17,2021 | May 16,2021 |
|
Discharge |
| PT-0030 |
 Sonia
|
25 | 123 6th St. Melbourne,FL 32904 | May 13,2021 | May 23,2021 |
|
Admit |
| PT-0078 |
 Adam H
|
18 | 4 Shirley Ave. West Chicago,IL 60185 | May 18,2021 | May 18,2021 |
|
Admit |
| PT-0098 |
 Alexander
|
38 | 123 6th St. Melbourne,FL 32904 | May 13,2021 | May 22,2021 |
|
Discharge |
| PT-0999 |
 Gabrielle
|
65 | 4 Shirley Ave. West Chicago,IL 60185 | May 17,2021 | May 16,2021 |
|
Discharge |
| PT-0101 |
 Grace
|
40 | 4 Shirley Ave. West Chicago,IL 60185 | May 17,2021 | May 16,2021 |
|
Discharge |
| PT-1001 |
 Ryan
|
34 | 70 Bowman St. South Windsor,CT 06074 | May 13,2021 | May 16,2021 |
|
Admit |
| PT-1101 |
 Christian
|
21 | 123 6th St. Melbourne,FL 32904 | May 13,2021 | May 22,2021 |
|
Discharge |