给“v-data-table”添加一个滚动条到顶部。

您可以使用CSS属性overflow-y来为v-data-table添加一个滚动条到顶部。以下是一个示例代码：

<template>
  <v-data-table :headers="headers" :items="items" class="scrollable-table">
    <!-- table content goes here -->
  </v-data-table>
</template>

<style>
.scrollable-table {
  max-height: 400px; /* 设置最大高度 */
  overflow-y: auto; /* 设置垂直滚动条 */
  scrollbar-width: thin; /* 设置滚动条宽度 */
  scrollbar-color: #888 #f5f5f5; /* 设置滚动条颜色 */
}

/* 适用于Firefox浏览器的样式 */
.scrollable-table::-webkit-scrollbar {
  width: 8px; /* 设置滚动条宽度 */
}

.scrollable-table::-webkit-scrollbar-track {
  background-color: #f5f5f5; /* 设置滚动条轨道颜色 */
}

.scrollable-table::-webkit-scrollbar-thumb {
  background-color: #888; /* 设置滚动条滑块颜色 */
}
</style>

在上面的示例中，我们首先为v-data-table设置了一个最大高度（例如400px），这样超出这个高度的内容将会被隐藏，并添加一个垂直滚动条。然后，我们使用CSS属性scrollbar-width和scrollbar-color来自定义滚动条的样式。

请注意，由于不同浏览器对滚动条样式的支持不同，您可能需要根据实际情况使用不同的CSS选择器来自定义滚动条样式。在示例中，我们提供了适用于Firefox浏览器的样式。您可以根据需要自定义样式。