强大 vue2.x table 组件

[huangsw]

vue-easytable

开源项目地址

https://github.com/huangshuwei/vue-easytable

介绍

基于 vue2.x 强大的 table 组件

API & 实例

API & 实例

功能

1. 自适应，可以随着浏览器窗口改变自动适应
2. 固定列，表头固定
3. 默认支持列宽拖动
4. 支持单个字段排序和多个字段排序
5. 自定义列、自定义单元格样式、loading 效果等
6. 自带分页组件

安装

npm install vue-easytable --save-dev

使用（更多实例）

// 导入 css
import 'vue-easytable/libs/themes-base/index.css'

// 导入组件
import {VTable,VPagination} from 'vue-easytable'

// 注册到全局
Vue.component(VTable.name, VTable)
Vue.component(VPagination.name, VPagination)

效果预览

https://github.com/huangshuwei/vue-easytable

[huangsw]

@zwgmlr3
编辑功能发布了

[zwgmlr3]

@huangsw 再提一个小需求：支持自定义编辑时的样式 editformatter
方便编辑日期、下拉等字段
~~~///(^v^)\\\~~~