vuetify.js - 如何在 v-data-table 中使用 vue2-perfect-scrollbar 使一个固定标题的 v-data-table 的滚动条完美？

Question

我想在 vuetify 的 v-data-table 中设置完美的滚动条，让滚动条更漂亮？

如何在 v-data-table 中使用 vue2-perfect-scrollbar 使一个固定标题的 v-data-table 的滚动条完美？

<template>
  <div style="width:400px;height:400px">
    <v-data-table
      class="table"
      dense
      fixed-header
      width="100%"
      height="100%"
      :dark="dark"
      :headers="headers"
      :items="items"
    >
      <template v-slot:item="{ item }">
        <PerfectScrollbar>
          <tr>
            <template v-for="(header, index) in headers">
              <td>
                <v-responsive :min-width="getTdMinWidth(header)">
                  <div
                    :class="{
                      'long-text': isTdTextTooLong(item[header.value])
                    }"
                  >
                    {{ item[header.value] }}
                  </div>
                </v-responsive>
              </td>
            </template>
          </tr>
        </PerfectScrollbar>
      </template>
    </v-data-table>
  </div>
</template>