sv-table components
Include Svelte Data table components & examples, Inspired from Bazza UI & COSS UI
- Components
- 30
- Framework
- Svelte
- Stack
- Svelte, TypeScript, Tailwind
- License
- MIT
- GitHub stars
- 86
- Source
- https://github.com/SikandarJODD/sv-table
- Website
- https://sv-table.vercel.app
- Install
pnpm dlx shadcn-svelte@latest add https://sv-table.vercel.app/r/{name}.json
All sv-table components
- Basic Data Table
- Bulk Actions Bar: A floating action bar for performing custom actions on selected rows.
- Complex Example
- Custom Filters Example
- Data Grid
- Data Table Column Header: A table heading with sorting, pinning, ordering, and visibility actions.
- Data Table Empty: A table row for displaying a clear empty or filtered-results state.
- Data Table Export: Download typed table rows and columns as a safe CSV file.
- Data Table Faceted Filter: A searchable multi-select filter with live counts for categorical table columns.
- Data Table Filters Example
- Data Table Loading: Skeleton rows that preserve a table layout while its data is loading.
- Data Table View: A checkbox dropdown for toggling table column visibility.
- Date Range Filter: A responsive date-range picker with presets and explicit apply behavior.
- Debounce Input: A search input with an optional delay for value changes.
- Dnd Kit Example
- Draggable Example
- Expanded Sub Rows
- Data Table Filters
- Header Checkbox: A select-all checkbox with support for an indeterminate state.
- Number Range Filter: A number range picker with exact inputs, an optional slider, and explicit apply behavior.
- Numeric Pagination Example
- Page Size Selector: Select the number of rows shown on each table page.
- Paginated Example
- Pagination: Number pagination for table views.
- Pagination Arrow: Compact arrow pagination for table footers.
- Pinnable Column
- Resizable Sort Example
- Row Actions Menu: An accessible dropdown menu for actions on an individual table row.
- Row Checkbox: A controlled checkbox for selecting an individual table row.
- Row Selection
Browse by category
- Data Display Components
- Data Table Components
- Table Components
- Navigation Components
- Input Components
- Filter Bar Components
- Action Components
- Pagination Components
- Button Components
- Menu Components
- Checkbox Components
- Feedback Components
- Select Components
- Overlay Components
- Popover Components
- Text Input Components
- Button Group Components
- Data Grid Components
- Empty State Components
- Download Button Components