问题标签 [vue-tables-2]

我试图在 vue 表中显示从服务接收到的数据，但数据形式复杂。服务器返回一个数组数组。所以在 vue table 中显示它们有点困难。

这是我得到的回应

vue表的字段定义

`

`

Vue 表

由于日期和时间信息是对应于每个doctor_id和department。我希望 vue 表date_time根据医生 ID 部门在一行中显示每个 3 个数组。

演示

有人可以帮忙吗？

模板代码

我用 vueJs 和 laravel 创建了一个 crud 系统。现在我想为我的带有 laravel 刀片文件的 vueJs 应用程序使用像 jquery 数据表这样的数据表。推荐一个易于实现的最佳 vue-table。谢谢你。

假设我有一组通过道具可用的类别名称。

在vue-tables-2中，如何category在选项中动态填充过滤器listColumns？

这样做会返回以下错误：

With vue-tables-2, I created a custom template from the default one, to add pagination on top.

My problem is that the custom template is not taken into account when requiring it. The default template is still displaying, even if I remove large parts in the custom template.

(NB: I used export default instead of module.exports, because otherwise I get an error that module.exports is readonly)

src/common/tables/templates/custom.js

Table component

我有一个有 7 列的 vuestic 数据表。

前 6 列是来自存储在数据库中的表的表字段。

最后一列是一个 vuetable 操作列，它是两个按钮的组合——“详细信息”和“删除”。

根据来自数据库中表的数据，某些行有删除按钮，而其他行没有。

另外，我正在对 vuetable 的前 6 列进行排序。但我的问题是，当我用一列对 vuetable 进行排序时，例如“读取行数”，所有其他列也会被排序，但操作列（最后一列）根本没有改变，并显示按钮相同的顺序。

我希望按钮也随着排序时行数据的更改而更改。我怎样才能做到这一点？

TransactionImports.vue

ActionColumn.vue

这是表格截图

我很困惑如何在 vue-tables-2 中实现删除。我使用了这个库https://www.npmjs.com/package/vue-tables-2

这是我的代码

HTML

Vue Js

当我运行代码时，出现错误“擦除未定义”。我想像你可以在https://www.npmjs.com/package/vue-tables-2#vue-components看到的文档那样实现

我真的用尽了谷歌所有可能的结果，但仍然找不到答案。如果有的话。我需要做一件简单的事情：使用 Vuejs 和 Vue-tables-2 ( https://www.npmjs.com/package/vue-tables-2 )，我需要隐藏一列，具体取决于用户是否是管理员当然，在加载表格之前是否。

我尝试了不同的方法，但没有成功。我认为最接近的是使用计算属性，但没有成功。

我不会复制代码，因为它真的没有必要，我所做的一切都没有奏效，我又开始了。

如果有人可以帮助我，我真的很感激。

谢谢

我正在使用 vue-tables-2 来管理数据。我想实现服务器端。但我有一个问题。我也可以得到数据。但我不知道为什么我收到该错误消息。这是我的代码：

HTML

Vue Js

这是错误：

在此处输入图像描述

我是 vue 新手，我确实使用 vue-tables-2 使用 created() 生命周期查看我的数据库数据，就在同一页面上，我还有一个表单总是将数据发送到这个表数据库，但是每当我向数据库添加新文件时，我都需要在新插入的数据出现之前引用页面。

我尝试将 ref 传递给表格，但它也不起作用，我也使用this.$parent.refresh但它也不起作用。这是代码

//Vue-table package

methods

我已经制作了自己的 vuetable-2 组件，并且每次在我想显示列表的组件中调用这个组件。当我对父组件执行任何操作时，我想重新加载我的 vuetable-2 组件。