vuetify v-data-table忽略密集属性

Question

我有一个显示数据的vuetify v- data -table小部件。目前显示的数据使用了太多的空间(行有很多填充)，所以我使用密集属性。我将属性dense (就像这样，not dense='true')添加到表的开始标记中，但什么也没有发生。显示屏保持较宽，该属性将被忽略。

已尝试删除除项目prop以外的所有道具：

<v-data-table
      dense
      :items="results"
>

没什么区别。dense被忽略。

我目前有这个：

<v-flex xs12>
     <v-data-table
         dense
         :headers="headers"
         :items="results"
          :disable-initial-sort="true"
         :pagination.sync="pagination"
         class="elevation-1 results-table"
         @update:pagination="updatePagination($event)"
  />
>

Answer 1

好的，“提升-1”类被覆盖了，导致密集的道具也没有效果……/：

Answer 2

对于不为v-data-table工作的dense属性，我也有同样的问题。

在我的例子中，是添加到v-data-table的v-checkbox导致dense属性不起作用。在v-data-table中使用复选框时，请使用v-simple-checkbox，如下所示：https://vuetifyjs.com/en/components/data-tables/#simple-checkbox