This project is still in alpha
- A fully featured Material UI V5 implementation of Tanstack Svelte Table V8
- Written from the ground up in TypeScript
- All internal Svelte Material UI components are easily customizable
Join the Discord server to join in on the development discussion or ask questions
All features can easily be enabled/disabled
- [] < 35kb gzipped - Bundlephobia
- [] Advanced TypeScript Generics Support (TypeScript Optional)
- [] Click To Copy Cell Values
- [] Column Actions
- [] Column Grouping (Group By and Aggregates)
- [] Column Hiding
- [] Column Ordering via Drag'n'Drop
- [] Column Pinning
- [] Column Resizing (work in progress)
- [] Customize Icons
- [] Customize Styling of internal Mui Components
- [] Data Editing (3 different editing modes)
- [] Density Toggle
- [] Detail Panels
- [] Filtering and multiple built-in filter modes
- [] Full Screen mode
- [] Global Filtering (Search across all columns, rank by best match)
- [] Header Groups & Footers
- [] Localization (i18n) support
- [] Manage your own state
- [] Pagination (supports client-side and server-side)
- [] Remote/Server-side sorting and filtering supported
- [] Row Actions
- [] Row Numbers
- [] Row Selection (checkboxes)
- [] SSR compatible
- [] Sorting
- [] Theming (Respects your Material UI Theme)
- [] Toolbars (Add your own action buttons)
- [] Tree Data / Expanding Sub-rows
- [] Virtualization (svete-virtual)
- Install Peer Dependencies (Material UI V5)
TODO
- Install material-svelte-table
npm install material-svelte-table
@tanstack/svelte-table
,@tanstack/svelte-virtual
, and@tanstack/match-sorter-utils
are internal dependencies, so you don't need to install them yourself.
PRs are Welcome, but please discuss in GitHub Discussions or the Discord Server first!