vuetify.js - 如何隐藏数据表 Vuetify 中的行 'no-data'

Question

我是 vue 和 vuetify 的初学者。我正在尝试在 vue 和 vuetify 上制作第一个应用程序。我想在 vuetify 中自定义数据表。它具有默认行“无数据”(带有文本“无可用数据”)。我想隐藏这一行，但数据表没有“隐藏无数据”等选项。

Answer 1

您可以覆盖无数据槽。这是它在文档中的样子:

</v-data-table>    
 <template slot="no-data">
   <v-alert :value="true" color="error" icon="warning">
     Sorry, nothing to display here :(
   </v-alert>
 </template>
</v-data-table>

您所要做的就是将 v-alert 替换为空的 div

<template slot="no-data">
  <div></div>
</template>