vue⼤数据表格解决⽅案的⽐较
前⾔
近些年公司⼀直采⽤vue2.x+Element UI进⾏开发，对于Element UI，由于起步较早，相关的⽣态⼀直⽐较成熟，各种问题在某度上也能到⽐较完美的解决⽅案，最最重要的⼀点是bug也⽐较少。
凡是总有个但是：），但是对于Element UI中的Table组件，我个⼈⽽⾔其实不太喜欢的，⼀是⼤数据情况下，Table性能堪忧，⼆
是Table组件如果需要展⽰多⾏表尾，那是相当的⿇烦。尤其是第⼀点，我相信做报表开发的各位，可能会有⽐较急迫的需求。
view ui框架
下⾯针对我个⼈到的⽀持⼤数据的UI框架进⾏简单的⽐较。
⼤数据UI⽅案的⽐较
1. Ant Design Vue
通过 react-window 引⼊虚拟滚动⽅案，实现 100000 条数据的⾼性能表格。
2. Surely Vue
流畅渲染百万级别数据
横向纵向虚拟滚动
最省⼼的优化
对于我个⼈来说，Surely Vue的Api设计和我当前项⽬的需求挺符合的，维护⼈员也有⼤⼚的背景，⼀开始我是挺倾向于Surely Vue的。
但是由于⽬前项⽬主要采⽤Vue 2.x开发，⽽Surely Vue，⽬前仅⽀持Vue 3.x版本，并且⽆法承诺何时添加对Vue 2.x的⽀持。另外Surely Vue需要授权才能使⽤，这⼀点对于⼩公司来说却是⼀笔不⼩的开⽀，遂放弃。
3. umy-ui
umy-ui库中的table表格组件，它不造轮⼦。它改造了element-ui等等库的表格组件。
4. vxe-table
虚拟滚动（最⼤可以⽀撑 5w 列、30w ⾏）
vxe-table名称并不带有xxx-ui，且包含了⽐较常⽤的组件，像Form、Input、Select、Checkbox等等组件，个⼈感觉是⼀个完成度⽐较⾼的⼀个前端框架。
该框架的特点是除了提供⼀些常⽤的Api外，另外原⽣⽀持⼀些其他框架中⽐较少见的功能，⽐如导⼊导出、打印、表格筛选等等功能。
⽬前vxe-table主要维护两个版本3.x以及4.x，其中3.x主要⾯相于Vue 2.6+，4.x主要⾯相于Vue 3.x。
对于普通的开发者来说，vxe-table基本上能满⾜⼤部分需求，另外对于⼀些深度使⽤的⽤户，vxe-table也通过提供pro版付费插件的形式，额外提供⼀些⽐较⾼级的功能。
5. Ag Grid
6. Antv S2(2022/03/04补充)
S2 是多维交叉分析领域的表格解决⽅案，数据驱动视图，提供底层核⼼库、基础组件库、业务场景库，具备⾃由扩展的能⼒，让开发者既能开箱即⽤，也能基于⾃⾝场景⾃由发挥。
S2⽐较偏向于多维度数据分析领域，对于接触过BI数据分析功能的⼈员应该⽐较熟悉。官⽹的Demo⾥，渲染100w条数据是毫⽆压⼒的。S2对于⼤数据的性能测试，可以参考官⽅Demo⾥的这张图⽚：
对于偏向于数据分析的项⽬，个⼈感觉Antv S2还是⽐较友好的。
后记
对于以上⼏个框架，我个⼈感觉⽐较完善的⼏个框架是Surely Vue、vxe-table、Ag Grid和Antv S2，其中：
Surely Vue： 针对于表格功能，提供了⽐较完善的功能。
vxe-table：免费版本提供的功能⽐较完善，部分⾼级功能需要pro版插件⽀持
Ag Grid：整体功能⽐较强，部分功能需要企业版才⽀持。
Antv S2：偏向于数据分析功能。
当然上⾯只是我个⼈的⼀些想法。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。