Build an admin dashboard with a data grid that handles millions of rows without browser slowdown using virtual scrolling
Add sortable, filterable, editable tables to a Vue business app with keyboard navigation and export-to-file out of the box
Create a spreadsheet-like editing experience in a Vue web app with undo/redo support for add, edit, and delete operations
Replace a slow or basic HTML table in a Vue app with a high-performance grid that supports row grouping and expandable rows
| x-extends/vxe-table | webstudio-is/webstudio | ariakit/ariakit | |
|---|---|---|---|
| Stars | 8,564 | 8,560 | 8,555 |
| Language | TypeScript | TypeScript | TypeScript |
| Setup difficulty | moderate | moderate | easy |
| Complexity | 3/5 | 3/5 | 2/5 |
| Audience | developer | designer | developer |
Figures from each repo's GitHub metadata at analysis time.
Advanced features like Excel-style copy-paste and area selection require the paid enterprise edition sold separately.
vxe-table is a feature-rich table and data grid component for Vue 2 and Vue 3 web applications. It is aimed at business applications that need to display and edit large amounts of tabular data, similar to what you might do in a spreadsheet but embedded inside a web page. The core free version covers a wide range of common table needs: fixed columns, multi-level headers, row and column drag-and-drop reordering, sorting across multiple fields at once, filtering, cell merging, row grouping, expandable rows, and a virtual tree mode. You can show a loading state, format cell content, add custom slot templates, and configure a toolbar with export, import, and print options. Keyboard navigation is supported so users can move through cells without a mouse. For handling large datasets, vxe-table uses virtual scrolling, which renders only the rows visible on screen rather than the full dataset. Recent versions have been tuned to handle millions of rows without the page becoming slow. An undo-and-redo system was added in recent releases for tracking add, edit, and delete operations. An enterprise edition adds additional features including cell area selection, Excel-style copy and paste across cells, find and replace, aggregate functions, data summaries, and integrated charting. These are sold separately through the project's store. Both a basic and a table-specific documentation site are provided online in Chinese, along with a Gantt chart extension. The component is installed via npm and works with both the Composition API and Options API styles of Vue. An English README is available in the repository alongside the default Chinese one.
vxe-table is a Vue 2 and Vue 3 component for displaying and editing large amounts of tabular data in web apps, with virtual scrolling that handles millions of rows, Excel-like keyboard navigation, drag-and-drop columns, and multi-column sorting.
Mainly TypeScript. The stack also includes TypeScript, Vue, JavaScript.
Setup difficulty is rated moderate, with roughly 30min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Verify against the repo before relying on details.