@ioi-dev/vue-table

IOI Vue Table is a zero-dependency, TypeScript-first data table component for Vue 3, designed to handle large datasets efficiently. It provides a comprehensive feature set for building interactive data-rich applications while maintaining high performance through virtual scrolling and server-side mode.

Key Features

• Virtual Scrolling — Renders 100,000+ rows at 60fps using windowed virtualization.
• Sort & Filter — Supports multi-column sorting, header filters (text/select/number/date), and global search.
• Row Grouping — Groups rows by any field with sum, avg, count, min, and max aggregations.
• Inline Editing — Enables click-to-edit cells with per-column validation and commit/cancel lifecycle.
• Column Control — Allows pinning, reordering, resizing, and toggling column visibility.
• CSV Export — Exports all, filtered, or selected rows with formula-injection safety.
• Server-Side Mode — Integrates a fetchFn to handle paging, sorting, and filter state externally.
• Headless-Capable — Provides an unstyled build for custom CSS frameworks like Tailwind or Bootstrap.

Philosophy

IOI Vue Table prioritizes performance and developer experience, offering a fully typed, zero-dependency package that balances rich functionality with a clean, extensible API.