'%20stroke='%23E0E0E0'%20stroke-width='2'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_2682_149131'%20x1='7'%20y1='4'%20x2='23.0784'%20y2='26.6541'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%233A3AEA'/%3e%3cstop%20offset='0.592633'%20stop-color='%23DF13F9'/%3e%3cstop%20offset='0.763157'%20stop-color='%23F0558E'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Components · Table
Table
Tabular data. Material has no data-table spec, so this is an Etesie extension built from Material foundations.
Anatomy
- 1
.table-rootScroll container and outer boundary. - 2
.table-tableThe table element itself. - 3
.table-headerColumn header cell. - 4
.table-rowOne data row. - 5
.table-cellOne data cell.
| Token | Value |
|---|---|
| --md-sys-color-primary | #abc8ff |
| --md-sys-shape-corner-medium | 12px |
When to use
Use a table for structured data whose rows and columns need to be scanned and compared.