vue.js - 添加自定义滚动条到 vuetify 数据表

Question

我正在尝试添加 perfect-scrollbar vuetify 的数据表。所以我必须将数据表包裹在 perfect-scrollbar 中像这样的组件 -

<perfect-scrollbar>
  <v-data-table :headers="headers" :items="data" />
</perfect-scrollbar>

问题是它也包装了数据表页脚。我只想将表的数据包装在 perfect-scrollbar 内成分。这样只有数据是可滚动的，而页脚保留在那里。

现在看起来是这样的——

Answer 1

其实没必要用perfect-scrollbar这里。
您只需将高度设置为 v-data-table .然后组件自动设置滚动条。

例如，

<v-data-table :headers="headers" :items="data" height="200px"/> 

试试吧。