Repolode
Submit
x-extends

x-extends/vxe-table

A Vue 2/3 PC data table component with inline editing, virtual scrolling, Excel-style copy/paste, filtering and pivot-style grouping.

Open-source alternative to:HandsontableAG Grid

View on GitHubWebsite
Stars
8,631
Forks
1,143
Open issues
1,348
Last commit
2 days ago

What is it?

vxe-table is an enterprise-oriented data grid component for PC web applications, built on the Vxe UI base library. It supports adding, deleting, editing and querying rows, along with data validation, undo/redo for edits, and full keyboard navigation.

The component covers a wide range of table needs: fixed columns, multi-level headers, merged cells, row grouping, expandable rows, tree data, drag-to-sort rows and columns, column show/hide, and import/export/print. Large datasets are handled through virtual scrolling and virtual merging, and styling can be customized with CSS variables.

The project provides separate branches for Vue 2.6 to 2.7 (v3.x) and Vue 3.x (v4.x). Some advanced features such as data summaries, aggregate functions, cell range selection, cell copy/paste, find and replace, and embedded charts are listed as enterprise-edition capabilities.

Key features

  • 01Editable grid with add, delete, update and query operations
  • 02Virtual scrolling and virtual merging for large datasets
  • 03Excel-style cell range selection and copy/paste (enterprise edition)
  • 04Fixed columns, multi-level headers, merged cells and row grouping
  • 05Filtering, multi-field sorting, and drag-to-reorder rows and columns
  • 06Data validation, undo/redo for edits, and full keyboard navigation

Use cases

  • Building admin back-office screens with editable data grids in Vue
  • Displaying large tabular datasets that need smooth scrolling
  • Creating spreadsheet-like data entry forms with validation

Quick start

  1. 1

    Install the package from npm

    npm install vxe-table
  2. 2

    Import the component and styles, then register it with Vue

  3. 3

    Use the vxe-table component in your template with data and columns

Things to know

  • Targets Vue 3 in the install instructions; the Vue 2 version is a separate branch (v3).
  • Does not support Internet Explorer.
  • Some advanced features such as Excel-style copy/paste and data summary are listed as enterprise edition features.

Topics

#vue#table#data-grid#virtual-scroll#editable-table#typescript#components#cell#checkbox#editable

FAQ

What is vxe-table?
A Vue 2/3 PC data table component with inline editing, virtual scrolling, Excel-style copy/paste, filtering and pivot-style grouping. vxe-table is an enterprise-oriented data grid component for PC web applications, built on the Vxe UI base library. It supports adding, deleting, editing and querying rows, along with data validation, undo/redo for edits, and full keyboard navigation.
Is vxe-table free to use? What license does it have?
vxe-table is open source under the MIT license. Check the license terms before using it in commercial products.
Is vxe-table still maintained?
Actively maintained. The last commit to vxe-table was on Nov 5, 2026.
What can I use vxe-table for?
Building admin back-office screens with editable data grids in Vue Displaying large tabular datasets that need smooth scrolling Creating spreadsheet-like data entry forms with validation
How do I install vxe-table?
Install the package from npm: npm install vxe-table Import the component and styles, then register it with Vue Use the vxe-table component in your template with data and columns
Where can I get vxe-table?
The source code and installation instructions are on GitHub: https://github.com/x-extends/vxe-table

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects