Data Table
Installation
npm i -D @smui/data-table
Demos
| Name | Favorite Color | Favorite Number |
|---|---|---|
| Steve | Red | 45 |
| Sharon | Purple | 5 |
| Rodney | Orange | 32 |
| Mack | Blue | 12 |
Progress indicator
| ID | Name | Username |
|---|
Sticky header
This is displayed in an iframe and the source viewer shows the iframe source. Sticky headers don't work if any ancestor element has the "overflow" style set to "hidden", "scroll", or "auto".
Row selection
| Name | Description | Price | |
|---|---|---|---|
| Broom | A wooden handled broom. | 15 | |
| Dust Pan | A plastic dust pan. | 8 | |
| Mop | A strong, durable mop. | 18 | |
| Horse | She's got some miles on her. | 83 | |
| Bucket | A metal bucket. | 13 |
Selected: Mop
Total: 18
Pagination
| ID | Title | Completed | User ID |
|---|
Rows Per Page
Sortable
|
ID
|
Name
|
Username
|
Email
|
Website |
|---|