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

【问题标题】：How to use vue-virtual-scroller with Element UI Table?如何将 vue-virtual-scroller 与 Element UI Table 一起使用？
【发布时间】：2019-11-17 19:04:25
【问题描述】：

我在一个项目中使用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>

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

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

【问题讨论】：

虚拟化是我真正希望 Element 拥有的东西之一，但我认为你是对的，最好使用其他东西。分页似乎是他们的事实。

标签： javascript vue.js element-ui virtualscroll

【解决方案1】：

还有另一个选项infiniteScroll Vue-virtual-scroller 也不支持表格标签

【讨论】：