vue-virtual-scroller可以在配合tr使用吗

是的，Vue-virtual-scroller可以与tr（Table Row）一起使用，可以将表格的行作为虚拟滚动的项目。以下是一个示例：

<template>
  <div>
    <div class="table-header">Table Header</div>
    <div class="table-body">
      <vue-virtual-scroller class="table-rows" :items="items" :item-size="50">
        <tr v-for="item in items" :key="item.id">
          <td>{{ item.name }}</td>
          <td>{{ item.age }}</td>
          <td>{{ item.email }}</td>
        </tr>
      </vue-virtual-scroller>
    </div>
    <div class="table-footer">Table Footer</div>
  </div>
</template>

<script>
import VueVirtualScroller from 'vue-virtual-scroller'

export default {
  components: {
    VueVirtualScroller
  },
  data() {
    return {
      items: [
        { id: 1, name: 'John', age: 25, email: 'john@example.com' },
        { id: 2, name: 'Mary', age: 30, email: 'mary@example.com' },
        // ...
      ]
    }
  }
}
</script>

<style>
.table-header,
.table-footer {
  height: 50px;
  background-color: #ccc;
}

.table-body {
  height: 300px;
  overflow-y: scroll;
}

.table-rows {
  display: block;
}

.table-rows tr {
  height: 50px;
  border-bottom: 1px solid #ccc;
}

.table-rows tr:last-child {
  border-bottom: none;
}
</style>

在示例中，我们将表格的头部和尾部作为普通的HTML元素，而将表格的行作为Vue-virtual-scroller的项目。在Vue-virtual-scroller中，我们使用`item-size`属性来指定每个项目的高度，这里我们将其设置为50像素，与表格行的高度相同。在`<tr>`标签上使用`v-for`指令来渲染每个数据项，同时指定`key`属性来提高性能。

总体来说，Vue-virtual-scroller与tr的配合使用是非常方便的，可以提高大型表格的性能和用户体验。