强大 vue2.x table 组件 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
huangsw
V2EX    程序员

强大 vue2.x table 组件

  •  1
     
  •   huangsw
    huangshuwei 2017 年 9 月 14 日 8770 次点击
    这是一个创建于 3056 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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

    22 条回复    2017-09-29 17:01:16 +08:00
    huangsw
        1
    huangsw  
    OP
       2017 年 9 月 14 日
    好像帖子里没法放图片啊,本来想放张效果图的。
    ZZZZZZZZTC
        2
    ZZZZZZZZTC  
       2017 年 9 月 14 日
    支持树型 table 么
    huangsw
        3
    huangsw  
    OP
       2017 年 9 月 14 日
    @ZZZZZZZZTC
    还有树形 table ? 发个链接看看长啥样
    solf
        4
    solf  
       2017 年 9 月 14 日
    请问一下支持多选吗?
    huangsw
        5
    huangsw  
    OP
       2017 年 9 月 14 日
    @solf
    下一个版本支持
    solf
        6
    solf  
       2017 年 9 月 14 日
    @huangsw 什么时候下个版本 (掩脸)
    l0o0
        7
    l0o0  
       2017 年 9 月 14 日   1
    能支持就地编辑不?
    jsrgqinbin
        8
    jsrgqinbin  
       2017 年 9 月 14 日
    没有过滤功能?
    wenzhoou
        9
    wenzhoou  
       2017 年 9 月 15 日 via Android
    你们这是要楼主搞出来 1000 个选项啊。
    hansnow
        10
    hansnow  
       2017 年 9 月 15 日
    棒!~()
    楼主可以参考下 Antd Table 的 API,功能上已经相当完善了~
    huangsw
        11
    huangsw  
    OP
       2017 年 9 月 15 日   2
    @l0o0
    > 支持就地编辑?信不信给你来个原地爆炸 。
    已经在开发了
    huangsw
        12
    huangsw  
    OP
       2017 年 9 月 15 日
    @solf
    下个版本永远在明天
    yzmm
        13
    yzmm  
       2017 年 9 月 15 日
    前些天觉得 DataTables 不好用就自写了一个,发现还是比较简单的。
    huangsw
        14
    huangsw  
    OP
       2017 年 9 月 15 日
    @yzmm
    最麻烦的是固定表头、固定列、自适应 这些。这些做好了,其他的都是往上面加功能
    zwgmlr3
        15
    zwgmlr3  
       2017 年 9 月 15 日 via Android
    希望能早日加入编辑功能
    huangsw
        16
    huangsw  
    OP
       2017 年 9 月 15 日
    @all
    感谢搭建提出宝贵的建议,我这两天会在 github 上列一个 Todo,一个个去实现。
    wxsm
        17
    wxsm  
       2017 年 9 月 15 日
    请问跟 Element 的 Table 有啥区别?看了一眼,功能貌似很多重合的。
    yzmm
        18
    yzmm  
       2017 年 9 月 15 日
    楼主做的功能是挺多的,应该会费不少时间调吧。
    huangsw
        19
    huangsw  
    OP
       2017 年 9 月 28 日   1
    @l0o0
    你要的就地编辑功能做好了,看下满意不:
    http://doc.huangsw.com/vue-easytable/app.html#/table?anchor=table-cell-edit
    huangsw
        20
    huangsw  
    OP
       2017 年 9 月 28 日
    @zwgmlr3
    已经发布
    huangsw
        21
    huangs  
    OP
       2017 年 9 月 28 日   1
    @zwgmlr3
    编辑功能发布了
    zwgmlr3
        22
    zwgmlr3  
       2017 年 9 月 29 日
    @huangsw 再提一个小需求:支持自定义编辑时的样式 editformatter
    方便编辑日期、下拉等字段
    ~~~///(^v^)\\\~~~
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3459 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 35ms UTC 10:50 PVG 18:50 LAX 02:50 JFK 05:50
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86