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-striped to 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-hover to 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 | 45 | 70 Bowman St. South Windsor, CT 06074 | May 13, 2021 | May 16, 2021 |
|
Admit | |
| PT-0011 | 35 | 123 6th St. Melbourne, FL 32904 | May 13, 2021 | May 22, 2021 |
|
Discharge | |
| PT-0045 | 42 | 4 Shirley Ave. West Chicago, IL 60185 | May 17, 2021 | May 16, 2021 |
|
Discharge | |
| PT-0030 | 25 | 123 6th St. Melbourne, FL 32904 | May 13, 2021 | May 23, 2021 |
|
Admit | |
| PT-0078 | 18 | 4 Shirley Ave. West Chicago, IL 60185 | May 18, 2021 | May 18, 2021 |
|
Admit | |
| PT-0098 | 38 | 123 6th St. Melbourne, FL 32904 | May 13, 2021 | May 22, 2021 |
|
Discharge | |
| PT-0999 | 65 | 4 Shirley Ave. West Chicago, IL 60185 | May 17, 2021 | May 16, 2021 |
|
Discharge | |
| PT-0101 | 40 | 4 Shirley Ave. West Chicago, IL 60185 | May 17, 2021 | May 16, 2021 |
|
Discharge | |
| PT-1001 | 34 | 70 Bowman St. South Windsor, CT 06074 | May 13, 2021 | May 16, 2021 |
|
Admit | |
| PT-1101 | 21 | 123 6th St. Melbourne, FL 32904 | May 13, 2021 | May 22, 2021 |
|
Discharge |