Tables
Tables consist solely of horizontal lines which are interrupted between the columns. The table head
is highlighted with thicker lines.
Standard Brand Table
| Vehicle Model |
Category |
Starting Price |
Status |
| Audi e-tron GT |
Electric |
$104,900 |
Available |
| Audi Q6 e-tron |
Electric SUV |
$63,800 |
New |
| Audi A6 Avant |
Avant |
$57,300 |
Classic |
Highlighting (Gray Scales)
Individual columns, lines or cells can be graphically
highlighted.
| Asset Name |
Primary Key |
Last Sync |
| Core_Design_System |
CDS_001 |
2024-01-15 |
| Brand_Asset_Manager |
BAM_042 |
Pending |
Sorting & Rich Content
| User |
Access Level |
Last Activity |
Actions |
|
JS
Julian Schmidt
|
Administrator |
Today, 14:30 |
|
Responsive: Stacked Table
On small viewports, rows transform into stacked cards using
.table--stacked.
| Order ID |
Customer |
Amount |
| #94021 |
Michael Weber |
$1,240.00 |
| #94022 |
Sarah Miller |
$850.50 |