强大 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]

好像帖子里没法放图片啊，本来想放张效果图的。

[ZZZZZZZZTC]

支持树型 table 么

[huangsw]

@ZZZZZZZZTC
还有树形 table ? 发个链接看看长啥样

[solf]

请问一下支持多选吗？

[huangsw]

@solf
下一个版本支持

[solf]

@huangsw 什么时候下个版本 😂（掩脸）

[l0o0]

能支持就地编辑不？

[jsrgqinbin]

没有过滤功能？

[wenzhoou]

你们这是要楼主搞出来 1000 个选项啊。

[hansnow]

棒！~(๑•̀ㅂ•́)و✧
楼主可以参考下 Antd Table 的 API，功能上已经相当完善了~

[huangsw]

@l0o0
> 支持就地编辑？信不信给你来个原地爆炸😁 。
已经在开发了

[huangsw]

@solf
下个版本永远在明天😂😂

[yzmm]

前些天觉得 DataTables 不好用就自写了一个,发现还是比较简单的。

[huangsw]

@yzmm
最麻烦的是固定表头、固定列、自适应 这些。这些做好了，其他的都是往上面加功能

[zwgmlr3]

希望能早日加入编辑功能

[huangsw]

@all
感谢搭建提出宝贵的建议，我这两天会在 github 上列一个 Todo，一个个去实现。

[wxsm]

请问跟 Element 的 Table 有啥区别？看了一眼，功能貌似很多重合的。

[yzmm]

楼主做的功能是挺多的，应该会费不少时间调吧。

[huangsw]

@l0o0
你要的就地编辑功能做好了,看下满意不：
http://doc.huangsw.com/vue-easytable/app.html#/table?anchor=table-cell-edit

[huangsw]

@zwgmlr3
已经发布