问题标签 [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 投票
1 回答
270 浏览

javascript - 由于数组(Vue + Vuetify)

通过电话阵列搜索不起作用。

我在 Vietify 上做了一个表,我遇到了一个问题——如果我需要按数组搜索,搜索不起作用,我不知道如何解决这个问题。请帮忙。

模板:

脚本:

代码:https ://codepen.io/dev-sera/pen/OJRyPYp?editors=1111

ps我发现了一个类似的问题,但我不知道如何将此解决方案应用于编号数组-https://stackoverflow.com/questions/52845201/local-search-v-data-table-vuetify

0 投票
1 回答
192 浏览

vue.js - 在 vuetify 数据表中搜索没有特殊字符

我使用 Vuetify 数据表组件,我想在搜索时忽略特殊字符。例如,在我的表中,我有波兰语名称“Łukasz”,我想在输入“lukasz”时找到它。可能吗 ?谢谢

0 投票
1 回答
308 浏览

javascript - 自定义 v-data-table 标题并保留默认功能(排序)

我希望我的 v-data-table 的表头是“tab-able”。

因此,我创建了一个插槽并在列上放置了一个 tabindex。

不幸的是,排序不再起作用。

是否有一种聪明的方法可以使列“可选项卡”并保持标题的标准功能?

这是我的代码:

0 投票
1 回答
31 浏览

vue.js - 每页行选项显示为 3 个点

我正在使用 v-data-table 和 pooter apeare 中的每页行,其中有 3 个点,如下所示:

在此处输入图像描述

知道为什么吗?

这是我的代码:

0 投票
1 回答
466 浏览

vue.js - 带有开关或复选框的 Vuetify 表

我想使用 v-data-table 为最终用户打开和关闭权限以接收通知。

我有两个单独的问题,第二个是在我的代码笔中试图重新创建可能突出我对该问题的误解的问题。我在下面列出了两个。包含 Codepen 以复制我的 UAT 代码。

我的项目最初是在 2019 年初部署的,目前正在使用“vuetify”:“^1.5.18”,这可以解释为什么我无法使用“vuetify”:“^2.2.11”使其工作。

  1. 我有一个部署到开发/生产环境的版本。我要解决的问题是为什么我在数据表中的开关在单击开关的圆圈部分时没有改变,两边都更新得很好。在数据表之外,Switch 按预期工作。这不是最大的问题,但不喜欢它作为用户体验,因为您期望只需单击开关即可更新。 在此处输入图像描述

  2. 我尝试重新创建问题以演示使用 codepen 并遇到第二个问题,即此处的开关不会显示在数据表中。这让我感到不舒服,因为我不了解最终的行为。 密码笔

0 投票
2 回答
306 浏览

vue.js - 如何使用 vuetify v-data-table 过滤精确的马赫数?

我正在尝试制作一个自定义过滤器以仅获得完全匹配

如果我的搜索是歌剧但不是,我希望过滤器返回歌剧:

  • 歌剧
  • 手术
  • 希望

如何使用自定义过滤器的示例: https ://vuetifyjs.com/en/components/data-tables/#custom-filter

目前我有什么:

0 投票
1 回答
114 浏览

icons - 添加图标作为 vuetify 表数据

这是我的 vuetify 表

这是代码的模板----template------------

这是table的实现-----脚本------

我想添加图标来控制表数据。我怎么做?

0 投票
1 回答
177 浏览

colors - 如何为 vuetify 表格行添加颜色

这是我的 vuetify 表。

- - - - -模板 - - - - - -

- - - 脚本 - - - - - - -

我想逐行添加颜色到表格行。我该怎么做?

0 投票
1 回答
188 浏览

vuetify.js - Vuetify VDataTable 处理每页更新的项目

我有一些来自后端的分页数据需要填写VDataTable,如下所示:

而且我需要处理每页或每页的项目更新时的操作。

但是我还没有找到有关如何执行此操作的文档。我得到的最接近的是官方 Vuetify 参考,但他们使用模板记录,即<v-data-table>而不是<VDataTable>. 我怎样才能以上述 JSX 方式做到这一点?

大概是这样的?

0 投票
1 回答
119 浏览

pagination - 如何在 v-data-table vuetify 中查看分页方向

我需要根据我在桌子上向前还是向后移动来向后端发出不同的 get 请求。我必须使用什么活动以及如何制作?