问题标签 [v-data-table]

我正在使用 vuetify 的数据表。我想使用扩展槽在表格中显示更多行。
例如： 蓝色行是、销售和收入总和的子行。

January 2nd

似乎expanded-item插槽v-data-table在<tr>标签内，这就是官方文档在其中使用<td>的原因。假设我的项目看起来像：

如果我这样使用插槽：

看起来不错。子行的内容与主表的列对齐，
但我想使用v-for，我尝试将上面的代码包装在<tr>or<table>但它不使用整个槽宽度或子行的列不是与主行和表对齐。

我怎样才能实现我的目标？

谢谢。

我有一个 v-data-table，我通过将 selectedRow 类添加到表行来突出显示选定的行。在另一个组件中更新后，v-data-table 会被刷新。我希望它自动滚动回选定的行。我收到一个错误，即找不到该元素。似乎没有找到我试图作为目标传递的 CSS 选择器。

我尝试使用下一个刻度，但出现同样的错误。

目前我正在使用 Vuetify 的 v-data-table 分页，效果很好。但是对于这个特定的用例，我需要将特定页面的每页行数更改为无限制。

我想到的一个解决方案，但需要更多关于过滤的工作，是使用服务器端过滤来获取 10 并禁用数据表中的分页限制。

aynone 对我的问题有更简单的解决方案吗？

我正在尝试删除与其他用户相关的帖子中的编辑和删除按钮。所以每个用户只应该编辑或删除他自己的帖子，我已经在后端进行了身份验证，但我不想在前端呈现按钮。下面是我的代码：

这是模板：

这是javascript：

谢谢您的帮助。

我正在将 vuetify 更新到最新版本（之前是 1.5 版），我在尝试使用新的道具和插槽调整我的桌子时遇到了麻烦。您可以在下面看到我的表格，它可以选择多行并同时选择所有行。我只需要纯粹复制我拥有的东西，只复制到新版本，我不知道如何使用新插槽来做到这一点。

谢谢你。

• 我正在尝试根据表中某个字段的值对 v-data-table 中的一行进行着色。
• 我已经尝试了这里和其他地方提供的所有解决方案，并尝试了更多。
• 我正在运行当前版本的 Vuetify (2.3.9)
• 我已经重新加载了所有内容，清除了浏览器缓存和 cookie 等。
• 我尝试过使用和不使用插槽。
• 我的应用程序包含在 v-app 中

== 没有插槽 ==

结果：

• 该类未应用。
• 使用 item-class="jobGreen" （即不响应）也失败了
• 将 jobGreen 类应用于 v-data-table（即 class='jobGreen'）按预期工作

== 使用插槽 ==

（简化）

好的，这可行，但表的第一行从未应用过类！对表格进行排序以使不同的记录位于顶部不会改变任何事情，因此与数据无关。正在为表的每一行调用该方法。

我是 vuetify 的新手，在将我的 v-data-table 导出为 excel、csv 格式时遇到了问题。我该怎么做。任何建议或建议。太感谢了。

我想同时使用项目值和项目 ID 为 v-data-table 中项目的值设置芯片颜色。因此，仅当 id 为“Cl2”时，我才想将 0.5 以下的值设置为红色。///////////////////////////////////////// ///////////////////////////////////////// ///////////////////////////////////////// /////////////////////////[在此处输入图像描述][1]这是我的表格和代码：[1]：https ://i.stack.imgur.com/Sp8DQ.jpg

我想在 v-data-table 中连续显示缩略图。

这是我的 json 数据：

我试图显示这样的图像：

这是脚本：

但是一个空白屏幕显示“没有可用的数据”。任何人都可以帮忙吗？谢谢。

我正在使用带有可扩展行的 Vuetify 的 v-data-tables。当页面上只有一个 v-data-table 时，可扩展行工作正常。当我有多个 v-data-tables 时，可扩展行不再起作用。我假设我遗漏了一些会使每个数据表或插槽独一无二的东西？

CodePen：https ://codepen.io/tapal/pen/poyOdBw （这本质上是 Vuetify 文档中的可扩展行 CodePen，但分为两个表）。