V2EX 首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  程序员

强大 vue2.x table 组件

  •  1
     
  •   huangsw · 66 天前 · 1377 次点击
    这是一个创建于 66 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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
        1
    huangsw   66 天前
    好像帖子里没法放图片啊,本来想放张效果图的。
        2
    ZZZZZZZZTC   66 天前
    支持树型 table 么
        3
    huangsw   66 天前
    @ZZZZZZZZTC
    还有树形 table ? 发个链接看看长啥样
        4
    solf   66 天前
    请问一下支持多选吗?
        5
    huangsw   66 天前
    @solf
    下一个版本支持
        6
    solf   66 天前
    @huangsw 什么时候下个版本 😂(掩脸)
        7
    l0o0   66 天前   ♥ 1
    能支持就地编辑不?
        8
    jsrgqinbin   66 天前
    没有过滤功能?
        9
    wenzhoou   66 天前 via Android
    你们这是要楼主搞出来 1000 个选项啊。
        10
    hansnow   66 天前
    棒!~(๑•̀ㅂ•́)و✧
    楼主可以参考下 Antd Table 的 API,功能上已经相当完善了~
        11
    huangsw   66 天前   ♥ 2
    @l0o0
    > 支持就地编辑?信不信给你来个原地爆炸😁 。
    已经在开发了
        12
    huangsw   66 天前
    @solf
    下个版本永远在明天😂😂
        13
    yzmm   66 天前
    前些天觉得 DataTables 不好用就自写了一个,发现还是比较简单的。
        14
    huangsw   66 天前
    @yzmm
    最麻烦的是固定表头、固定列、自适应 这些。这些做好了,其他的都是往上面加功能
        15
    zwgmlr3   65 天前 via Android
    希望能早日加入编辑功能
        16
    huangsw   65 天前
    @all
    感谢搭建提出宝贵的建议,我这两天会在 github 上列一个 Todo,一个个去实现。
        17
    wxsm   65 天前
    请问跟 Element 的 Table 有啥区别?看了一眼,功能貌似很多重合的。
        18
    yzmm   65 天前
    楼主做的功能是挺多的,应该会费不少时间调吧。
        19
    huangsw   52 天前   ♥ 1
    @l0o0
    你要的就地编辑功能做好了,看下满意不:
    http://doc.huangsw.com/vue-easytable/app.html#/table?anchor=table-cell-edit
        20
    huangsw   52 天前
    @zwgmlr3
    已经发布
        21
    huangsw   52 天前   ♥ 1
    @zwgmlr3
    编辑功能发布了
        22
    zwgmlr3   51 天前
    @huangsw 再提一个小需求:支持自定义编辑时的样式 editformatter
    方便编辑日期、下拉等字段
    ~~~///(^v^)\\\~~~
    DigitalOcean
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   鸣谢   ·   2348 人在线   最高记录 3541   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.0 · 53ms · UTC 04:12 · PVG 12:12 · LAX 20:12 · JFK 23:12
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1