Vuetify 数据表列过滤

Question

有没有人设法在 Vuetify 数据表中实现单独的列过滤？例如每列顶部的动态下拉列表，其中填充了列的唯一值并在更改时过滤表格。

Answer 1

表数据是否连接到后端？

• 是吗？然后在提交时发送 API 调用
• 没有？： 我假设您使用与 documentation 类似的设置。 然后您可能想要实现一个 v-dialog，您可以在其中使用 v-text-field 来编辑每个字段。为此，您可以简单地创建第二个 JSON，其中存储已编辑的元素。提交时，可以将已编辑的数据表分配给新数据表。

methods: { submit() { this.yourDataTableJSON = this.editedDataTableJSON }, }