V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2618 天前的主题，其中的信息可能已经有所发展或是发生改变。

vue-easytable

开源项目地址

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

介绍

基于 vue2.x 强大的 table 组件

API & 实例

功能

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

安装

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

实例

pone

import

22 条回复 • 2017-09-29 17:01:16 +08:00

huangsw

2017-09-14 14:48:48 +08:00

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

ZZZZZZZZTC

2017-09-14 15:49:52 +08:00

支持树型 table 么

huangsw

2017-09-14 16:10:01 +08:00

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

solf

2017-09-14 19:27:42 +08:00

请问一下支持多选吗？

huangsw

2017-09-14 20:43:28 +08:00

@solf
下一个版本支持

solf

2017-09-14 21:03:12 +08:00

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

l0o0

2017-09-14 21:46:27 +08:00

能支持就地编辑不？

jsrgqinbin

2017-09-14 22:37:05 +08:00

没有过滤功能？

wenzhoou

2017-09-15 07:32:33 +08:00 via Android

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

hansnow

2017-09-15 09:21:11 +08:00

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

huangsw

2017-09-15 09:50:24 +08:00

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

huangsw

2017-09-15 09:51:31 +08:00

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

yzmm

2017-09-15 10:07:26 +08:00

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

huangsw

2017-09-15 11:32:37 +08:00

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

zwgmlr3

2017-09-15 13:10:52 +08:00 via Android

希望能早日加入编辑功能

huangsw

2017-09-15 14:53:36 +08:00

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

wxsm

2017-09-15 16:14:32 +08:00

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

yzmm

2017-09-15 16:32:07 +08:00

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

huangsw

2017-09-28 22:36:02 +08:00

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

huangsw

2017-09-28 22:37:27 +08:00

@zwgmlr3
已经发布

huangsw

2017-09-28 22:37:50 +08:00

@zwgmlr3
编辑功能发布了

zwgmlr3

2017-09-29 17:01:16 +08:00

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

强大 vue2.x table 组件

vue-easytable

开源项目地址

介绍

API & 实例

功能

安装

使用（更多实例）

效果预览