el-table、pl-table(u-table)、ux-grid解决表格问题的实例(大数据量)

1、el-table:是ElementUI 给我们封装了很好的表格处理方法,但对于大数据量渲染,e-table性能却表现很差,占用大量内存。

2、pl-table:可以解决性能问题。但目前pl-table已经停止更新了,取而代之是umy-ui。开发文档

umy-ui目前主要还是以表格为主,umy-ui库中的u-table表格组件,它改造了element-ui等等库的表格组件,主要是通过虚拟表格解决性能问题。我之前写过一遍文章通过加载虚拟数据的方式处理大数据量问题。原理应该是差不多了,u米框架实现的更好。

3、ux-grid:使用u-table开启use-virtual不支持开展行,需要展开行使用ux-grid。需要注意:当表格数量超过500行时,展开行仍然会卡顿。

原文地址:https://www.cnblogs.com/liangtao999/p/14150983.html