title: Replacing v-data-table with v-virtual-scroll
body: <p>my task would be to replace my v-data-table with v-virtual-scroll, i cant seem to find out the correct syntax for the virtual-scroller, could you help me out please? I want to display just like it was ,but now with the virtual scroller .</p>
  <pre><code>  &lt;div v-if=&quot;import_table.display&quot;&gt;
             &lt;v-data-table
                  v-if=&quot;!hide_table&quot;
                  :headers=&quot;import_table.headers&quot;
                  :items=&quot;import_table.data&quot;
                  hide-default-footer
                  :items-per-page=&quot;-1&quot;
                  dense
                &gt; 
  
         &lt;!--   &lt;v-virtual-scroll
              :headers=&quot;import_table.headers&quot;
              :items=&quot;import_table.data&quot;
              v-if=&quot;!hide_table&quot;                        ----&gt;**thats how i replaced** 
              :item-height=&quot;50&quot;
              height=&quot;300&quot;
            &gt;  --&gt;
  
  
              &lt;template v-slot:item=&quot;{ item, index }&quot;&gt;
                &lt;tr&gt;
                &lt;td&gt;
              **CODE**
                &lt;/td&gt;
                &lt;/tr&gt;
              &lt;/template&gt;
            &lt;/v-data-table&gt;     &lt;!-- &lt;/v-virtual-scroll&gt; --&gt; 
  </code></pre>
  <p>probably it has to do with the tr td tags, i tried to replace them with v-item-content, action  but nothing gets displayed.</p>