Как использовать vue-virtual-scroller с таблицей элементов интерфейса? - PullRequest
Новая
       44

Как использовать vue-virtual-scroller с таблицей элементов интерфейса?

1 голос
/ 08 июля 2019

Я использую Элемент UI Table в проекте и задаюсь вопросом, как я могу использовать с ним vue-virtual-scroller.

Я не мог найти способ, потому что во всех примерах виртуального скроллера ожидалось (как и ожидалось), что цикл запускается для элемента списка или элемента / компонента строки таблицы.

Однако с помощью пользовательского интерфейса элемента строки отображаются неявно на основе компонентов столбцов, переданных в слот по умолчанию 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>

Итак, я понятия не имею, как управлять рендерингом строк или переносить строки внутри моего виртуального скроллера.

Могу ли я что-нибудь сделать или мне нужно прибегнуть к другой библиотеке таблиц, которая позволяет выполнять рендеринг на основе строк?

...