问题标签 [v-data-table]

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 投票
3 回答
2477 浏览

vuetify.js - 如何在 Vuetify 中禁用 v-data-table 的响应式排序过滤器样式?

我有一个 v-data-table 并且可以对标题进行排序。但是,我在一个小屏幕上发现所有标题都被 Vuetify 变成了一个下拉列表。我不想要这个功能,我可以选择禁用吗?我想把我所有的标题都带回来..

在此处输入图像描述

0 投票
1 回答
667 浏览

vue.js - vuetify 数据表不显示数据

我正在调用 API 并将数据存储到数组( users[] )中,我可以在控制台中看到 users[] 正在被填充,但data-table没有显示任何行。

我是 vue 新手,很抱歉代码格式错误。这是我得到的输出。图片

0 投票
3 回答
9718 浏览

vue.js - Vuetify 更改 v-data-table 页脚中每页文本的行数

我正在使用 Vuetify 的 v-data-tables 和....

我想更改此文本:

在此处输入图像描述

我已经添加了这段代码,但它不起作用:

在此处输入图像描述

谢谢!

0 投票
1 回答
268 浏览

vue.js - 我的 Vuetify 数据表中的时间没有更新

我在 Vuetify 数据表上放置了一个间隔以显示最近的日期,但该函数被调用但该表没有更新以在单元格中显示新时间。How can I update the table without refreshing the whole page?

这是显示我的问题的codepen链接。https://codepen.io/entropy283/pen/rNxMXGX?editors=1011

0 投票
1 回答
1485 浏览

css - Vuetify - 通过 css 更改 v-data-table 字体大小不起作用

我编辑了 css 代码以更改 v-data-table 的字体大小。它不起作用,但可以更改表体的字体粗细。 密码笔

0 投票
1 回答
102 浏览

vue.js - 单击非 Vuetify 按钮不会更新 v-data-table 中的数据

在代码笔中,我有两个按钮。一个是 Vuetify,另一个不是。两者都应该调用该updateData()函数,但只有 Vuetify 组件能够成功运行它。如何从appdiv 外部调用组件中定义的方法?

https://codepen.io/entropy283/pen/rNxMXGX?editors=1010

0 投票
0 回答
22 浏览

javascript - 提交表格或发布请求后错过匹配日期

我有以下date-picker实现

左边部分是在发布请求即响应之后,控制台是提交之前的部分 我对此数据发出发布请求,但在提交数据之前,我有正确的日期格式,但在提交后,我错过了日期的匹配格式。在图像中,左侧部分是在发布请求(即响应)之后,而控制台是提交之前的部分。这个问题来自后端吗?我不知道后端部分。

编辑:

我尝试通过以下方式格式化日期:

这似乎不起作用。这是格式化日期的正确方法吗?

0 投票
2 回答
10940 浏览

vue.js - 如何在 Vuetify 表的特定行上设置边框?

我正在尝试将border-left属性设置为特定行,v-data-table而不是像在此Codepen中看到的整个表。我如何访问它?

0 投票
1 回答
7650 浏览

vue.js - Vuetify 2.2 DataTable 多个过滤器

我是 vue.js 的新手,请帮忙。我的表中需要过滤器。每列必须有多个按值过滤的选择。当我们单击列标题时 - 下拉多选打开,我们可以选择过滤值。例如像这个Vuetify 数据表内联过滤器,但这个例子不适用于 vuetify 2。 在此处输入图像描述

我的html:

和 JS:

0 投票
3 回答
2691 浏览

vue.js - Vuetify 数据表行不展开

我正在<v-data-table>用最右边一列的按钮图标构建一个 vuetify。悬停数据行时会出现按钮图标。我希望在单击该行时展开数据行,但它不起作用。

当前的codepen实现在这里

代码创建<v-data-table>如下:

这是扩展行的插槽:

我希望有 vuetify 经验的人可以帮助我在单击时扩展数据表行。谢谢!