Preview
Use Case
Designed for high-density data visualization in Logistics control panels, this Svelte 5 DataTable supports row selection, stock level meters, and status tags. Optimized for 1000+ rows with keyboard navigation support.
Industry Applications
Warehouse Inventory Management (logistics)
Track thousands of SKUs with real-time stock levels, automated reorder alerts, and batch selection for bulk operations. The DataTable handles 10,000+ rows with virtualized scrolling.
- • Multi-row selection for bulk actions
- • Inline stock level meters for instant visual feedback
- • Status tags for inventory state (in-stock, low-stock, out-of-stock)
- • Keyboard navigation for power users
Portfolio Holdings Overview (fintech)
Display investment portfolios with sortable columns, performance metrics, and real-time price updates. Optimized for high-frequency data with minimal re-renders.
- • Tabular numerics for stable column widths during updates
- • Color-coded gain/loss indicators
- • Sortable columns with preserved selection state
- • Export functionality for compliance reporting
Props API
| Prop | Type | Default | Description |
|---|---|---|---|
items | DataTableItem[] | [] | Array of data items to display in the table |
selectedIds | string[] | [] | Bindable array of selected row IDs |
class | string | — | Additional CSS classes |
Related Components
See it in Action
Explore the DataTable in an interactive dashboard environment.
Customize in ShowroomMore Data Display Components
Ticker
Optimized for Fintech applications, this ticker handles 60+ updates per second using Svelte 5 Runes for fine-grained reactivity.
Meter
Inspired by Braun audio equipment, this LED meter provides instant visual feedback for system metrics.
Tag
Purpose-built for inventory and logistics systems, these status tags use carefully calibrated colors that meet WCAG AA contrast requirements while maintaining the industrial aesthetic.