всем привет. Использую ui element для изменения данных в таблице (по клику открывается для каждой ячейки окошко и данные редактируются). Все работает, но очень медленно идет отрисовка фронта на 50+ записях в странице (используется пагинация, на одну страницу надо выводить 100 строк). Первое открытие страницы занимает ок. 10 сек на 100 записях. Также медленно реагируют на клики поповеры. Если в пагинации на страницу задать 15 строк то все ок.
Есть ли способ ускорить как-то ?
Пример поповер в колонке таблицы:
<el-table-column
label="Long description"
sortable="custom">
<template slot-scope="scope">
<el-popover
placement="bottom"
width="200"
trigger="click">
<el-row class="margin-bottom-20">
<el-input v-model="scope.row.long_description"></el-input>
</el-row>
<el-row style="text-align: center;">
<el-button size="mini"
@click="closePopover">Cancel</el-button>
<el-button type="primary" size="mini"
@click="saveLongDescription(scope.row.long_description,
scope.row.id)">
Save
</el-button>
</el-row>
<div slot="reference" class="cell__inner">
<span v-html="highlight(scope.row.long_description)"></span>
<el-button type="text" size="mini" icon="el-icon-edit" circle></el-button>
</div>
</el-popover>
</template>
</el-table-column>
Подобных там 7, на каждую колонку кроме id