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

Question

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

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

问题是它还包装了数据表页脚。我只想将表的数据包装在perfect-scrollbar组件中。这样只有数据是可滚动的，而页脚仍然存在。

现在它看起来像这样 -

标签： vue.jsdatatablescrollbarvuetify.js

Answer 1

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

例如，

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

试试看。