问题标签 [vue-data-tables]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4397 浏览

vuetify.js - 数据表中的 vuetify show-select 未选择项目

因此,我从 vuetify 1.5 升级到最新(2.1xx)并卡在了几个地方。我有一个数据表,我想在标题中添加一个“全选”复选框。我用“show-select”属性添加了它,我可以看到,当复选框被选中时,实际上将所有项目放在“选定”v-model中。

我的问题是我想要一个用于 item-props 的模板来自定义行的外观,而我绑定到“props.selected”的复选框似乎不起作用。如果我选中任何行上的任何复选框,则该项目不会添加到我的“选定”v-model 中。

只有当我完全不使用模板时,我才能让它与自动生成的复选框一起使用,但这不足以满足我目前的需求。在 vuetify 1.5 我让它工作但我不明白如何让它在新版本中工作。

0 投票
1 回答
95 浏览

vue.js - vuejs Datable 无法使用 api 获取的数据

我想使用 vue-datatable 在表中显示数据,但它不起作用。这是我正在使用的代码,我正在获取 json 格式的数据,但它没有附加数据表,任何人都可以帮助我或任何更好的方法来做到这一点。提前致谢

////main.js//// import Vue from 'vue' import { VuejsDatatableFactory } from 'vuejs-datatable'; Vue.use( VuejsDatatableFactory );

在此处输入图像描述

0 投票
1 回答
330 浏览

vue.js - VueJs 导出表格数据

我正在使用带有element-ui的 vue-data-tables并且我正在寻找从我的表中导出数据的解决方案。

逻辑

我需要导出放置在前端表中的数据,而不是从后端返回的数据

表中的数据根据​​我的需要受到限制,而来自后端的数据更复杂,并且包含我在 excel 文件中不需要的变量)这就是为什么我正在寻找导出表数据的解决方案,否则我会创建后端函数为了它。

问题/帮助请求

如果您以前对上述 UI 有任何经验,请告诉我是否需要为其创建手动功能,或者是否有一些包可以与el-tablesui 一起使用等。

谢谢。

0 投票
1 回答
1057 浏览

javascript - 使用 Vuejs 和 ElementUi 的槽过滤器

我有一个表格,其中有一个列使用slot-scope,我无法将该列数据放入过滤器选项。

代码

Component filter input

component HTML

问题部分已评论

Component Script

我在过滤器函数中提供了更多列示例,以便您了解element-ui表格背后的逻辑

知道如何将条形码数据包含到过滤器输入中吗?

0 投票
1 回答
29 浏览

vue.js - 如何从获取的嵌套数组中删除括号

祝你们有美好的一天。我可以寻求你的帮助。我一直在弄清楚如何摆脱括号并将每个数据与嵌套数组分开。这是我的代码:

在此处输入图像描述

0 投票
1 回答
147 浏览

vue.js - 用 vueJS 填充数据表

我正在用 vueJS 和数据库中的所有数据填充我的数据表。我正在使用这个库:

如果我在我的控制器中使用它没关系:

在我的组件中:

该库包含 sortBy、orderBy、按名称搜索等方法...

但是如果我在 laravel 8 的控制器中使用它返回给我:

我不知道这是否意味着使用 get()、all()。

另外,如果我不使用它并且我手动进行所有搜索,例如:

回复我:

如果我删除了分页并返回 $query,则在网络选项卡中的 Web 浏览器控制台中返回我的所有数据,但我的表是空的......

对于后端,我正在使用 laravel-8

在我的 Web 浏览器控制台中返回此消息:

如果我:data在我的组件中更改:itemsWeb 浏览器控制台中的错误消失

我不明白我做错了,因为在一种情况下我可以填满我的桌子,而在另一种情况下不能...

感谢阅读并帮助我

0 投票
0 回答
20 浏览

vue.js - 无法对 Vuesax 数据表中的日期列进行排序

我需要对正在使用的 Vuesax 数据表中的日期时间列应用切换排序。切换排序适用于所有其他列,日期时间列除外。我的代码如下(我只写了与问题相关的代码,请假设用户数据已正确加载):

我欢迎所有建议,但我的猜测是 Vuesax 无法检测列数据类型;如果有一种方法可以强制执行 datetime 列的数据类型,那可能会解决问题。

0 投票
1 回答
86 浏览

javascript - 使用 Vue 隐藏垂直 v-data-table 中未填充的行

以下是演示我的问题的可执行代码。

模板:

脚本:

结果是这样的: 宽屏

大屏幕看起来还不错。但是当我确实有更小的屏幕时,它开始看起来像这样:

小屏幕

问题:如何在较小的屏幕上隐藏表格的空白部分(/当所有内容都变成一列时)。