问题标签 [v-data-table]

搜索功能还将在任何选项卡数据表（每个选项卡包含 vuetify 数据表）中搜索结果，而不仅仅是您所在的选项卡。

有谁知道如何<v-data-table-header>在 vuetify 中准确使用？
在 v-data-table 中，似乎有 api 文档v-data-footer，v-edit-dialog但我找不到任何内容v-data-table-header

我正在尝试通过以下文章将 vue-draggable 与 Vuetify v-data-table 一起使用： https ://medium.com/vuetify/drag-n-drop-in-vuetify-part-ii-2b07b4b27684

它说：“主要目标是将表格的 tbody 设置为可拖动组件，这是不可能的，因为 Vuetify 使用模板作为渲染项目的插槽。”

在那之后，这个家伙找到了一个使用 Sortable JS 的解决方案。我试过了，但它不工作。

出现此错误：Sortable: el must be an HTMLElement, not [object Function]。

人们说 Sortable JS 不适用于 Vue JS 2 ......

我能怎么做 ？

如果您有解决方案，请告诉我:)

我的代码：

我正在学习 Vuetify 并将数据从数据库加载到 Vuetify v-data-table。我想要一种行为，当我点击一行时，它会从表中删除。这可能吗？

我正在尝试从 onClick 方法获取行的索引，但到目前为止还没有成功。

在我的 Vue.js 项目中，我有一个 v-data-table。

如果单元格内容是true我想用绿色check_circle图标替换。

为什么这段代码不起作用？

现在表格是：

headers是这样的：

一个item是这样的：

数据表上的扩展槽在包装器组件内不起作用

我有一个围绕 v-data-table 的包装器组件，如下所示：

包装数据表组件

我正在通过所有大部分工作正常的范围插槽。但是扩展槽似乎不起作用。我想在行单击时展开行，就像文档中的示例一样。

如果我在没有包装器的情况下直接使用数据表，它就可以工作。但是，当它被包裹时，没有扩展。我可以看到“扩展”道具正在改变。

当 v-data-table 在移动视图上时，项目之间的分隔线不清楚。如何自定义此分隔线，例如线宽和颜色？

我想做的： 移动视图上的自定义分隔线

来自vuetify doc的代码示例

我想将“活动”行设置为值“活动”或“不活动”，无论该值为真还是假。使用我的代码，我总是得到“不活跃”的值（我已经用真假测试了条件，所以我的猜测是我没有得到任何条件值）。顺便说一句，如果相关，我不能在数据表中使用 v-for 。谢谢

如果我采用标准的 Vuetify 示例并将卡路里更改为包含字符串，现在数据并非全部为数字： https ://codepen.io/hobbeschild/pen/WNQWmrJ

那么 Vuetify 在内部使用什么比较器来订购这些字符串？

假设我有另一个带有 v-select 的页面，我想为用户提供表中其他页面上的所有卡路里选项，并且我想以与它们在表中相同的顺序显示卡路里按升序排列。我怎么能复制呢？

我想我需要在填充 v-select 之前做这样的事情（这不会对它们进行完全正确的排序，但我认为它会是类似的）：

我想象 v-data-table 代码在内部执行 localeCompare 或类似的操作，我只需要它使用的参数。

我需要通过动态为每一列进行一些计算来自定义我的 vuetify 数据表标题。

它运行良好，除非我到达移动断点。当视口宽度低于 Vuetify 移动断点值时，似乎不再应用标题模板。

知道我做错了什么吗？

提前致谢。

问候。