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:

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:

<template>
  <ve-table :columns="columns" :table-data="tableData" />
</template>

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