Data Table
A table for displaying tabular data in native html tables
Default Example
Table Demonstrating Styling
| Header content 1 |
Header content 2 |
Header content 3 |
Header content 4 |
| Body content 1 |
Body content 2 |
Body content 3 |
Body content 4 |
| Body content 1 |
Body content 2 |
Body content 3 |
Body content 4 |
| Body content 1 |
Body content 2 |
Body content 3 |
Body content 4 |
| Footer content 1 |
Footer content 2 |
Footer content 3 |
Footer content 4 |
Complex Table
Striped Table
This Is The Table's Caption
| Type |
Group |
Details |
Id |
| Primary |
Secondary |
Before Task |
After Task |
| Default |
Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
OL-53-GHSLE |
| Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
OL-53-GHSLE |
| Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
OL-53-GHSLE |
Large-first Table
This Is The Table's Caption
| Type |
Group |
Details |
Id |
| Primary |
Secondary |
Before Task |
After Task |
| Default |
Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
OL-53-GHSLE |
| Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
OL-53-GHSLE |
| Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
OL-53-GHSLE |
Large-header Table
No-border Table
This Is The Table's Caption
| Type |
Group |
Details |
Id |
| Primary |
Secondary |
Before Task |
After Task |
| Default |
Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
OL-53-GHSLE |
| Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
OL-53-GHSLE |
| Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
Lorem Ipsum |
OL-53-GHSLE |