vue.js - Vuetify - 将字段添加到数据表页脚？

我想在 Vuetify 的数据表页脚的左侧添加一个文本字段，就像这样。有谁知道如何做到这一点？

我知道可以隐藏页脚并构建自己的页脚，但我想要其余的默认功能。如果任何人都可以访问也可以提供更简单起点的默认页脚代码。

谢谢!

最佳答案

通过使用页脚插槽并将元素的位置设置为“绝对”，我能够获得您正在寻找的功能:

<template v-slot:footer>
    <v-checkbox style="position: absolute" class="pa-0 pl-2" label="Show Archived" hide-details />
</template>

结果:

关于vue.js - Vuetify - 将字段添加到数据表页脚？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57316620/