在Vue中制作表格的最佳方法是什么?

时间:2019-09-14 15:50:22

标签: datatable bootstrap-4 vue-component nuxt.js tabulator

我需要在项目中创建表格。早期,我曾经使用过制表器。但这是在Thymleaf中。

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

我在制表器中尝试了一些操作,但我不喜欢以下内容: 1.我无法在该列的“ cellClick”事件上设置“方法”。 2.我不能在函数回调中使用this。$ axios。 $ axios在函数回调中未定义。 3.我对Tabulator使用jQuery有多少了解?我认为这不好。 总的来说,在我看来,制表符并不是很适合在Vue中使用。

如果我错了,请纠正我。

我尝试使用Bootstrap-Vue的表格组件,但我找不到如何创建可编辑表格,如何复制/粘贴剪贴板,如何对行进行分组的方法。

总的来说,我想请您帮助我选择用于构建表格的工具。

我需要一些主要机会:

  1. 从Excel或剪贴板复制/粘贴/加载表,因为我需要输入一个大表并输入每个单元格困难的任务。
  2. 分组行。
  3. 可编辑的表格

1 个答案:

答案 0 :(得分:0)

Tabulator不要使用任何jQuery,它是零依赖的纯JavaScript。

它也有完整的Vue Support和功能全面的Vue Component

它有Clipboard Support

Row Grouping

以及一整套内置的Data Editors