V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
TingLen
V2EX  ›  Vue.js

vue3 出来那么久了,有什么比较推荐的表格组件吗

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

    之前一直用的 naive ui 的 data table,很喜欢这种类似 react 风格的写法。比如支持每个 columns 在 js 中配置 render 函数。 公司是机械类的,所以大部分业务都会跟 excel 的表格数据有关系。 现在要加入一个新的项目组,领导比较喜欢 arco design 的 UI 风格,所以组件库也需要切换到 arco 。然后想借着这个机会找一个比较强大一点的表格组件。 目前搜了一圈,搜到的比较强大的有:

    1. ag-grid
    2. handsontable 。 …… 好像 handsontable 更注重于还原 excel 的操作方式?

    加了一天班,有点头晕脑胀,写了一堆自己的需求也不知道有没有表达清楚:

    1. 样式最好贴近于现代一点的 UI 框架,或者支持比较方便的自定义样式。
    2. 能够支持单元格自定义渲染,类似我写 h 函数之类的,而不是要手写 html 字符串。
    3. 能够支持多列自定义搜索。
    4. 能够支持树状结构。
    5. 能够支持单元格合并。
    6. 支持列宽自定义调整。
    7. 前端实现 excel 的导入导出。 ……
    9 条回复    2023-09-25 10:50:54 +08:00
    TingLen
        1
    TingLen  
    OP
       217 天前
    对了,ag-grid 的收费是怎样的?我看官网上对于 multiple application 的描述有点看不懂,一下说不限制 APP 数量,一下又说限制开发人员数量。
    owen800q
        2
    owen800q  
       217 天前 via iPhone
    你这需求只能用 antd
    mrcotter2013
        3
    mrcotter2013  
       217 天前 via iPhone
    试试 FormKit ,不过你表格自定义需求太复杂,不是单一表格的库能满足的。例如导出 Excel ,我之前用 xlsx 这个库解决的

    https://formkit.com/
    rm0gang0rf
        4
    rm0gang0rf  
       217 天前
    antd vue3 table 组件, 翻页存储 key 貌似有问题
    dragonszy
        5
    dragonszy  
       217 天前
    revogrid 或者 luckysheet
    agileago
        6
    agileago  
       217 天前
    https://vxetable.cn/

    我觉得你不必切换,因为 naiveui 完全能调配出 arco-design 的风格,naiveui 的主题定制足够强大
    zhangxzh
        7
    zhangxzh  
       216 天前
    要不你内嵌一个 excel??
    TingLen
        8
    TingLen  
    OP
       215 天前
    @agileago vxe 不行……bug 多不说,封装的东西太多,它的表格数据状态都是内部维护的,出问题想调试都难

    我本来也不想换 naiveui ,但是领导要求换。遇到傻逼没办法,非要干涉前端选型
    agileago
        9
    agileago  
       215 天前
    不能只用 naiveui 的表格么, 其他还是用 arco-design
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2784 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 12:06 · PVG 20:06 · LAX 05:06 · JFK 08:06
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.