Home / Components / Data Display
Data Table Pro is the table you would otherwise build twice. Give it an array of rows and a column list and you get multi-column sorting, global search, structured filters with type-aware operators, pagination, resizable and hideable columns, row selection with Shift ranges, inline editing with validation, and CSV export. Turn on virtual scrolling and only the rows in view are rendered, so a 10,000-row data set sorts, filters and scrolls instantly.
Built-in cell types (person, badge, currency, date, progress, boolean) cover most dashboards, and custom renderers handle the rest. Everything is plain HTML, CSS and vanilla JavaScript with CSS-variable theming, light and dark mode, full keyboard navigation and ARIA grid semantics. The demo page includes two live tables, a documented options reference and copy-paste snippets.
Highlights
- Multi-column sort (Shift+click) and global search
- Structured multi-filter with operators per column type
- Pagination or virtual scroll for 10,000+ rows
- Column resize (drag or keyboard), show/hide, remembered state
- Row select with Shift ranges, select all, selection bar
- Inline edit with validation and edit events
- CSV export (filtered, selected or all) with formula-injection guard
- Sticky header, density modes, dark mode, ARIA grid
mammoth templates


