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

Posted

技术标签:

【中文标题】在 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

以上是关于在 Vue 中制作表格的最佳方法是啥?的主要内容,如果未能解决你的问题,请参考以下文章

在excel中,柱状图的制作方法是啥?

如何在vue的表格行中制作左侧的徽章?

html网页制作里设置表格字体和大小的语句有吗?是啥?

制作一个巨大的象棋一样的网格最轻的方法是啥?

在 .net 中制作单实例应用程序的最佳方法是啥? [复制]

从 Laravel 4 的表格中隐藏特定用户的最佳方法是啥?