Question

我有一个显示数据的vuetify v-data-table小部件。当前显示的数据占用了太多空间（行有很多填充），因此我使用了密集的道具。我将属性密集型（例如，不稠密='true'）添加到表开始标记中，但是没有任何反应。显示保持宽屏，该属性被忽略。

试图删除道具以外的所有道具：

<v-data-table dense :items="results" > 没有区别。

我目前有这个：

`    <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

好的，'elevated-1'类被忽略，致使密集的道具也没有效果... /：

Answer 2

我遇到了同样的问题，即$ docker exec -it eis_mysql_db_container_1_d625308b5a77 bash root@3738cf6eb3e9:/# mysql -u root -p Enter password: Welcome to the MySQL monitor. Commands end with ; or \g. Your MySQL connection id is 19 Server version: 8.0.21 MySQL Community Server - GPL Copyright (c) 2000, 2020, Oracle and/or its affiliates. All rights reserved. Oracle is a registered trademark of Oracle Corporation and/or its affiliates. Other names may be trademarks of their respective owners. Type 'help;' or '\h' for help. Type '\c' to clear the current input statement. mysql>属性不适用于dense。

在我的情况下，是v-data-table添加到v-checkbox导致v-data-table道具不起作用。在dense内使用复选框时，请按此处说明使用v-data-table：https://vuetifyjs.com/en/components/data-tables/#simple-checkbox

vue tify v-data-table忽略密集属性

2 个答案: