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

Posted 2023-02-22

【中文标题】添加自定义滚动条以 vuetify 数据表

【英文标题】：Adding custom scrollbars to vuetify data tables

【发布时间】：2020-09-19 16:52:14

【问题描述】：

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

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

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

现在看起来像这样 -

【参考方案1】：

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

例如，

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

尝试一下。

【讨论】：

我想使用自定义滚动条