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

2023-09-22 23:44:57 +08:00
 TingLen

之前一直用的 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 的导入导出。 ……
3494 次点击
所在节点    Vue.js
9 条回复
TingLen
2023-09-22 23:46:24 +08:00
对了,ag-grid 的收费是怎样的?我看官网上对于 multiple application 的描述有点看不懂,一下说不限制 APP 数量,一下又说限制开发人员数量。
owen800q
2023-09-23 00:48:09 +08:00
你这需求只能用 antd
mrcotter2013
2023-09-23 08:20:43 +08:00
试试 FormKit ,不过你表格自定义需求太复杂,不是单一表格的库能满足的。例如导出 Excel ,我之前用 xlsx 这个库解决的

https://formkit.com/
rm0gang0rf
2023-09-23 09:40:02 +08:00
antd vue3 table 组件, 翻页存储 key 貌似有问题
dragonszy
2023-09-23 09:47:08 +08:00
revogrid 或者 luckysheet
agileago
2023-09-23 13:59:46 +08:00
https://vxetable.cn/

我觉得你不必切换,因为 naiveui 完全能调配出 arco-design 的风格,naiveui 的主题定制足够强大
zhangxzh
2023-09-23 22:29:21 +08:00
要不你内嵌一个 excel??
TingLen
2023-09-25 08:25:57 +08:00
@agileago vxe 不行……bug 多不说,封装的东西太多,它的表格数据状态都是内部维护的,出问题想调试都难

我本来也不想换 naiveui ,但是领导要求换。遇到傻逼没办法,非要干涉前端选型
agileago
2023-09-25 10:50:54 +08:00
不能只用 naiveui 的表格么, 其他还是用 arco-design

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/976356

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX