如何将 vue-virtual-scroller 与 Element UI Table 一起使用？

Question

我在项目中使用 Element UI Table 并想知道如何使用 vue-virtual-scroller 。

我想不出办法，因为在我看到的所有虚拟滚动器示例中，预期（如预期）循环在列表项或表行元素/组件上运行。

但是，使用 Element UI 时，行会根据传递到

el-table

默认插槽的列组件隐式呈现。

示例

<el-table
  :data="tableData"
  style="width: 100%">
  <el-table-column
    prop="date"
    label="Date"
    width="180">
  </el-table-column>
  <el-table-column
    prop="name"
    label="Name"
    width="180">
  </el-table-column>
<el-table>

所以，我不知道如何控制行渲染或将行包裹在我的虚拟滚动条中。

我能做些什么还是必须求助于其他允许基于行渲染的表库？

Answer 1

还有另一种选择infiniteScroll Vue-virtual-scroller 也不支持 table 标签

Answer 2

也许你可以尝试重构一下 el-table 将虚拟组件放入表单的 bodywrap