title: How to use vue-virtual-scroller with Element UI Table?
body: <p>I use <a href="https://element.eleme.io/#/en-US/component/table#table" rel="nofollow noreferrer">Element UI Table</a> in a project and wondering how I can use vue-virtual-scroller with it.</p>
  <p>I couldn't figure out a way because in all virtual-scroller examples I saw, it was expected(as expected) that the loop is run on the list item or a table row element / component.</p>
  <p>With Element UI though, the rows are rendered implicitly based on the columns components passed to default slot of <code>el-table</code>.</p>
  <p>Example</p>
  <pre><code>&lt;el-table
    :data=&quot;tableData&quot;
    style=&quot;width: 100%&quot;&gt;
    &lt;el-table-column
      prop=&quot;date&quot;
      label=&quot;Date&quot;
      width=&quot;180&quot;&gt;
    &lt;/el-table-column&gt;
    &lt;el-table-column
      prop=&quot;name&quot;
      label=&quot;Name&quot;
      width=&quot;180&quot;&gt;
    &lt;/el-table-column&gt;
  &lt;el-table&gt;
  </code></pre>
  <p>So, I have no idea how to control the row rendering or wrap a row inside my virtual scroller.</p>
  <p>Is there anything I can do or do I have to resort to other table library that does allow row based rendering?</p>