- Notifications
You must be signed in to change notification settings - Fork0
A powerful data table based on vuejs. You can use it as data grid、Microsoft Excel or Google sheets. It supports virtual scroll、cell edit etc.
License
ui-javascript/vue-easytable
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
English |中文
Support this project by becoming a sponsor. Your logo or name will show up here with a link you provided.Become a sponsor
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.
- Support 300000 rows of data display through virtual scroll
- Free forever. Of course, you can also choose to donate
Base components
Table component
- Internationalization
- Theme Custom & Built in theme
- Virtual Scroll
- Column Fixed
- Column Hidden
- Header Fixed
- Header Grouping
- Filter
- Sort
- Column Resize
- Cell Style
- Cell Custom
- Cell Span
- Cell Selection(keyboard operation)
- Cell Autofill
- Cell Edit
- Clipboard
- Contextmenu
- Cell Ellipsis
- Row Radio
- Row Checkbox
- Row Expand
- Row Style
- Footer Summary
- Event Custom
- More
If there is no feature you want,Please Tell Us
npm install vue-easytableor
yarn add vue-easytableWrite the following in main.js:
importVuefrom"vue";import"vue-easytable/libs/theme-default/index.css";importVueEasytablefrom"vue-easytable";Vue.use(VueEasytable);newVue({el:"#app",render:(h)=>h(App),});
Example:
<template><ve-table :columns="columns" :table-data="tableData"/></template><script> export default{data(){return{columns:[{field:"name",key:"a",title:"Name",align:"center"},{field:"date",key:"b",title:"Date",align:"left"},{field:"hobby",key:"c",title:"Hobby",align:"right"},{field:"address",key:"d",title:"Address"},],tableData:[{name:"John",date:"1900-05-20",hobby:"coding and coding repeat",address:"No.1 Century Avenue, Shanghai",},{name:"Dickerson",date:"1910-06-20",hobby:"coding and coding repeat",address:"No.1 Century Avenue, Beijing",},{name:"Larsen",date:"2000-07-20",hobby:"coding and coding repeat",address:"No.1 Century Avenue, Chongqing",},{name:"Geneva",date:"2010-08-20",hobby:"coding and coding repeat",address:"No.1 Century Avenue, Xiamen",},{name:"Jami",date:"2020-09-20",hobby:"coding and coding repeat",address:"No.1 Century Avenue, Shenzhen",},],};},};</script>
- 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 |
If you want to contribute,just create aPull Request
Thanks to the following friends for their contributions 🙏
About
A powerful data table based on vuejs. You can use it as data grid、Microsoft Excel or Google sheets. It supports virtual scroll、cell edit etc.
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
Packages0
Languages
- JavaScript92.1%
- Less5.4%
- HTML1.4%
- CSS1.1%