添加自定义滚动条以验证数据表

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"/> 

试一试。