在 Vue 中制作表格的最佳方法是啥？

Posted 2023-02-23

【中文标题】在 Vue 中制作表格的最佳方法是啥？

【英文标题】：What's the best way to make a table in Vue?在 Vue 中制作表格的最佳方法是什么？

【发布时间】：2020-01-16 02:55:32

【问题描述】：

我需要在我的项目中制作表格。早期，我曾经与制表符打交道。但它在百里香叶里。

现在，我在 Nuxt.js 上做一个项目。

我在制表符中尝试了一些东西，但我不喜欢以下内容： 1.我无法在列中的'cellClick'事件上设置'方法'。 2. 我不能在函数回调中使用 this.$axios。 $axios 在函数回调中未定义。 3.我对Tabulator使用jQuery了解多少？我觉得不好。 总的来说，在我看来，制表符并不完全适合在 Vue 中使用。

如果我错了，请纠正我。

我尝试使用 Bootstrap-Vue 的表格组件，但是我找不到如何制作可编辑表格、复制/粘贴剪贴板、如何分组行。

一般来说，我要求您帮助我选择构建表格的工具。

我需要几个重要的机会：

从 Excel 或剪贴板中复制/粘贴/加载表格，因为我需要输入一个大表格并输入每个单元格，这是一项艰巨的任务。 分组行。 可编辑的表格

【参考方案1】：

Tabulator 不使用任何 jQuery，它是零依赖的纯 javascript。

它还具有完整的Vue Support 和功能齐全的Vue Component

它有Clipboard Support

和Row Grouping

以及一整套内置的Data Editors

【讨论】：

您知道是否有进一步开发 Vue-Tabulator 的计划吗？据我了解，并非所有功能都在其中实现。例如，并非所有回调都有效。

Vue 组件正在积极维护中，如果缺少功能，请在他们的 GItHub 页面上创建问题。该组件只是核心 Tabulator 库周围的一个垫片，Tabulator 文档中的框架支持页面解释了如何在没有组件的情况下在视图中使用 Tabulator