我有一個垂直數據表的問題，我想降低行高，以匹配密集。我試圖為每個模板設置負邊距，但它不起作用。我嘗試了許多事情，但是我沒有找到任何解決辦法。

謝謝！！！！

.cell-height table tbody td, table tbody th {
        margin-top: -15%;
    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<template>
<v-data-table :headers="headersProjectConfig" :items="projectConfig" class="cell-height" hide-default-footer dense>
    <template v-slot:item.isSelected="{ item }">
        <v-checkbox v-if="item.selection"></v-checkbox>
    </template>
    <template v-slot:item.text="{ item }">
        <span>{{item.text}}</span>
    </template>

    <template v-slot:item.averageTO="{ item }">
        <v-text-field type="number" hide-details :rules="[v => !!v || 'This field is required']" required></v-text-field>
    </template>
    <template v-slot:item.averageMargin="{ item }">
        <v-text-field type="number" hide-details :rules="[v => !!v || 'This field is required']" required></v-text-field>
    </template>
</v-data-table>
</template>

你到底想達到什么目的？用css就可以了。修改表格行。

<style lang="css">
tr{
  height: 70px !important;
}
</style>

項目高度的CSS在TD中，而不是TR中。

當前版本的CSS路徑是:

.v-data-table > .v-data-table__wrapper > table > tbody > tr > td,
.v-data-table > .v-data-table__wrapper > table > thead > tr > td,
.v-data-table > .v-data-table__wrapper > table > tfoot > tr > td {
  height: 26px;
}

您可以通過簡單地向v數據表添加一個類來簡化target

<v-data-table class='row-height-50' />

.v-data-table.row-height-50 td
{
  height: 18px !important;
}