问题标签 [v-data-table]

我的问题是如何防止在激活分组时保留分组标题？因为当 table group-by 被激活时，分组标题被自动删除。

感谢您的回复。

在v-simple-checkbox中使用时v-data-table，单击复选框或其周围区域不会调用row.click事件。

此CodePen示例显示在row.click. 但是，如果使用更多带有复选框的列，则几乎不可能选择一行。

似乎在.stop内部使用了事件处理程序v-simple-checkbox。有没有办法row.click通过单击该组件来触发事件？

我有同样的问题，但使用 Vuejs2：Vuetify v1.5 数据表，如何在隐藏标题时确定列宽

这是我所拥有的：

对于标题：

宽度之和为 100%，因此不应出现奇怪的行为。当我设置:hide-default-header="true"所有列时会改变宽度。如何强制列的宽度？

我目前有一个v-data-table来自 Vuetify 的元素，我的一个列标题旁边有一个图标，我通过使用v-slot指令自定义标题添加了该图标。

vue表头的图片

它看起来与上图相似，但箭头图标旁边有另一个图标，这个图标位于我的 Vue 数据表所在组件的子组件中。当我单击向上箭头时，它内置在数据表的标题已经，它正确地重新呈现表中的数据并按应有的方式对列进行排序。如何将相同的功能添加到添加到向上箭头图标的其他图标？

我的想法是尝试更改另一个图标中 v-table 的 options 属性，以便表格重新呈现，这就是我当前更新表格的方式，但我不确定如何访问它。我很感激任何帮助！

取得了很大进展，只需要帮助尝试了解使表的数据更新的各种方法，而不仅仅是更新选项？谢谢你

谢谢你

我使用 vuetifyv-data-table和服务器端 & 分页 + SSR 进行了粗鲁的操作。问题是页面加载后正在获取数据。有什么方法可以在页面加载之前加载数据，与 SSRasyncData或 fetch 挂钩？

零件：

手表：

我有一个 Vuetify 数据表，每 5 秒从服务器刷新一次。它有可选择的行。如果您选择一行，那么数据中的某些内容会发生变化，所选项目的 v-model 数组不会反映行项目内部的变化。此 codepen 是 Vuetify 示例的略微修改版本：

https://codepen.io/hobbeschild/pen/bGqGMQQ?editors=1010

选择第一行。在顶部，您将看到所选项目中的时间。等待 5 秒以刷新数据。您将看到所选项目时间不再与行项目时间匹配。

有没有办法确保 v-model 数组内容反映项目中的新值？我可以想出一种以编程方式执行此操作的方法，但我有很多这样的表格，希望有一种更简单的方法，也许是表格道具。

HTML：

JS：

我尝试更改 v-data-table (vuetify) 的样式。此代码更改所有地方的滚动条（浏览器也滚动条）。

如何更改特定元素的滚动样式？这些解决方案不起作用：

我正在尝试在 Vuetify v-data-table 组件中选择所有并取消选择我的所有（过滤的）项目，我正在使用事件：@toggle-select-all 来执行此操作，如下所示

此事件绑定到 v-data-table 标题中的复选框，因此当我单击它时，它会触发此方法，但是，由于某种原因，它会触发两次。它在技术上做了我想要它做的事情，除了如果我想取消选择所有内容，我必须单击两次，是的，在最后添加“.stop”修饰符不起作用。

任何帮助表示赞赏

我有一个 vuetify v-data-table，目前每个项目上都有可展开的图标。它工作正常，但我有兴趣只在项目的特定条件为真的行上使用图标，我似乎无法弄清楚如何去做。

我有：

我感兴趣的条件是：item.showTxnID 为真。我已经在插槽上进行了这项工作，但是如果这些行的展开项下拉菜单根本没有显示，那就太好了。

当我将此条件添加到上面的标记时，事件表加载失败并且失败并出现以下错误：

任何帮助将不胜感激，谢谢！

抢

在 v-data-table 标签之间，我认为我应该放入带有插槽等的图像，但我根本不知道。我问是因为无论我怎么看，我都找不到确切的代码。'v-img' 标签中的高度似乎有效，但图像不出来。

帮我