elementUI table 选中焦点行很慢。有100条数据 150列左右，有什么解决的思路吗？

  • Z时代
  • 2024-03-12
  • 分类：IT

elementUI table 选中焦点行很慢。有100条数据 150列左右，有什么解决的思路吗？

回答：

这种一般都是虚拟列表。。

就是说你渲染的dom太多了，你把不在视口的隐藏起来。做一个显示的极限值。会快很多。

回答：

试试table数据懒加载

回答：

使用这个东西吧table改造一下
vue-virtual-scroll-list

回答：

没有特殊要求就分页显示吧

回答：

无解，像vue这种同步更新的ui库，只要数据规模大到一定程度更新时肯定会掉帧的，而你这个你不能通过虚拟列表这种手段减小数据规模，不过可以了解下react concurrent mode就是来解决这个问题的

回答：

用el-table上处理这个，有点难以处理了，要不试着这个表格换个组件实现。

回答：

<el-table-column

      align="center" 
      fixed>
      <template slot-scope="scope">
        <div>
          <el-checkbox v-model="selectList[scope.$index].checkboxSelected"></el-checkbox>
        </div>
      </template>
    </el-table-column>
    自己渲染第一列,不用el-table自带集成的type="selection"
    诶，当我没说，试了下，这个也不行，列多了还是会慢

以上是 elementUI table 选中焦点行很慢。有100条数据 150列左右，有什么解决的思路吗？ 的全部内容， 来源链接： utcz.com/p/935600.html

回到顶部