Tables
A table displays a collections of data grouped into rows.
Basic Table
| Name | Office | Age | Start date | Salary | Status |
|---|---|---|---|---|---|
| Mark | CA | 21 | 2021/04/21 | $110,800 | |
| Jacob | CA | 22 | 2021/04/22 | $120,800 | |
| Larry | CA | 23 | 2021/04/23 | $130,800 | |
| Harry | CA | 24 | 2021/04/24 | $140,800 | |
| Anderson | CA | 25 | 2021/04/25 | $150,800 |
Table - 5 rows
Hover Table
| Name | Office | Age | Start date | Sale | Status |
|---|---|---|---|---|---|
| Mark | CA | 21 | 2021/04/21 | 28.86% | |
| Jacob | CA | 22 | 2021/04/22 | 22.86% | |
| Larry | CA | 23 | 2021/04/23 | 21.86% | |
| Harry | CA | 24 | 2021/04/24 | 42.05% | |
| Anderson | CA | 25 | 2021/04/25 | 43.80% |
Table - 5 rows
Striped Table
| Name | Progress | Amount | Deadline | |
|---|---|---|---|---|
| Beck | beck@example.com |
|
$ 77.99 | May 15, 2021 |
| Messy | messy@example.com |
|
$ 245.30 | July 15, 2021 |
| John | john@example.com |
|
$ 138.00 | July 30, 2021 |
| Peter | peter@example.com |
|
$ 77.30 | Auguest 1, 2021 |
| John | john@example.com |
|
$ 100.30 | Auguest 3, 2021 |
| Edward | edward@example.com |
|
$ 90.30 | Auguest 5, 2021 |
Table - 6 rows
Border Table
| Name | Progress | Amount | Deadline | |
|---|---|---|---|---|
| Beck | beck@example.com |
|
$ 77.99 | May 15, 2021 |
| Messy | messy@example.com |
|
$ 245.30 | July 15, 2021 |
| John | john@example.com |
|
$ 138.00 | July 30, 2021 |
| Peter | peter@example.com |
|
$ 77.30 | Auguest 1, 2021 |
| John | john@example.com |
|
$ 100.30 | Auguest 3, 2021 |
| Edward | edward@example.com |
|
$ 90.30 | Auguest 5, 2021 |
Table - 6 rows
Dark Table
| Name | Progress | Amount | Deadline | |
|---|---|---|---|---|
| Beck | beck@example.com |
|
$ 77.99 | May 15, 2021 |
| Messy | messy@example.com |
|
$ 245.30 | July 15, 2021 |
| John | john@example.com |
|
$ 138.00 | July 30, 2021 |
| Peter | peter@example.com |
|
$ 77.30 | Auguest 1, 2021 |
| John | john@example.com |
|
$ 100.30 | Auguest 3, 2021 |
| Edward | edward@example.com |
|
$ 90.30 | Auguest 5, 2021 |
Table - 6 rows
Progress Table
| Name | Progress | Amount | Deadline | |
|---|---|---|---|---|
| Beck | beck@example.com |
|
$ 77.99 | May 15, 2021 |
| Messy | messy@example.com |
|
$ 245.30 | July 15, 2021 |
| John | john@example.com |
|
$ 138.00 | July 30, 2021 |
| Peter | peter@example.com |
|
$ 77.30 | Auguest 1, 2021 |
| John | john@example.com |
|
$ 100.30 | Auguest 3, 2021 |
Table - 5 rows