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