Svelte Material UI

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 Email
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
1-0 of 0
Sortable
ID
Name
Username
Email
Website