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行时,展开行仍然会卡顿。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM