Vue EasyTable is a robust data table component specifically designed for Vue 2.x applications, offering a comprehensive suite of features for displaying and interacting with tabular data. It supports virtual scrolling, allowing it to efficiently render up to 300,000 rows, along with functionalities such as column fixing, header grouping, filtering, sorting, column resizing, and in-cell editing. The current stable version is 2.27.1, with a release cadence that includes regular minor feature additions (like new languages) and bug fixes. Key differentiators include its focus on high performance with large datasets, extensive customization options for cell and header rendering, and built-in internationalization and theme support. It requires `vue` (>=2.6.0) and `lodash` as peer dependencies, making it suitable for existing Vue 2 projects that need a feature-rich, performant table solution.
npm install vue-easytableVerified import paths — ran on the pinned version, not inferred.
Demonstrates a minimal Vue EasyTable setup with static data and column definitions, rendering a basic table component.
Adjust any custom CSS or event listeners that specifically targeted the sort icon for click events. Ensure your users are aware of the expanded click area for sorting.
Update any code referencing the old context menu type name in header configurations or custom context menu handlers to use the new `CANCEL_LEFT_FIXED_COLUMN_TO` string.
Ensure your project is running Vue 2.6.0 or higher. For Vue 3 projects, consider alternative table libraries designed for Vue 3.
Explicitly install `lodash` in your project: `npm install lodash` or `yarn add lodash`.
Ensure `VeTable` is imported and added to the `components` option of your Vue component or globally registered using `Vue.component('ve-table', VeTable)`.For columns where resizing is enabled or desired, ensure you explicitly set a `width` property in your column definitions (e.g., `{ field: 'name', key: 'b', title: 'Name', width: 150 }`).