vue-easytable

English | 中文

Sponsors

Support this project by becoming a sponsor. Your logo or name will show up here with a link you provided. Become a sponsor

Gold Sponsor

Silver Sponsor

Generous Sponsor

Introduction

A powerful data table based on vue2.x You can use it as data grid、Microsoft Excel or Google sheets. It supports virtual scroll、cell edit etc.

Characteristics

- Support 300000 rows of data display through virtual scroll
- Free forever. Of course, you can also choose to donate

API & Examples

- Official documents (Github)
- Official documents (China)

Features

Base components

- [x] Loading component
- [x] Pagination component
- [x] Contextmenu component
- [x] Icon component
- [x] Locale component

Table component

- [x] Internationalization
- [x] Theme Custom & Built in theme
- [x] Virtual Scroll
- [x] Column Fixed
- [x] Column Hidden
- [x] Header Fixed
- [x] Header Grouping
- [x] Filter
- [x] Sort
- [x] Column Resize
- [x] Cell Style
- [x] Cell Custom
- [x] Cell Span
- [x] Cell Selection(keyboard operation)
- [x] Cell Autofill
- [x] Cell Edit
- [x] Clipboard
- [x] Contextmenu
- [x] Cell Ellipsis
- [x] Row Radio
- [x] Row Checkbox
- [x] Row Expand
- [x] Row Style
- [x] Footer Summary
- [x] Event Custom
- More

If there is no feature you want,
Please Tell Us

Install

``
npm install vue-easytable
`

or

`
yarn add vue-easytable
`

Usage

Write the following in main.js:

`javascript
import Vue from "vue";
import "vue-easytable/libs/theme-default/index.css";
import VueEasytable from "vue-easytable";

Vue.use(VueEasytable);

new Vue({
el: "#app",
render: (h) => h(App),
});
`

Example:

`javascript



``

Todo List

What are we doing

Environment Support

- Modern browser and ie11 and above

|
IE / Edge |
Firefox |
Chrome |
Safari |
Opera |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |

How to contribute

If you want to contribute,just create a
Pull Request

Contributors

Thanks to the following friends for their contributions 🙏

Discussion group

- Join In Gitter Chat Room
- Join In Discord Chat Room

License

http://www.opensource.org/licenses/mit-license.php