Vue大数据表格

1,453 阅读1分钟

1、前言

最近在业务上,遇到一个难点。就是说有10w+的数据,一条数据的字段在50-200之间。要求一次性加载出来。我们项目中采用的是ag-grid免费社区版本的,虽然ag-grid表格加载大数据的确实没话说,但是也存在着一些小问题。下文主要讲解的是,我推荐的一些大表格数据插件

2、大数据表格推荐

  • Vuetable-2 

基于vue的强大的表格组件

官网:www.vuetable.com/#current-ve…

适用于表格操作不大,数据不多的组件

  • umy-ui 

功能:基于elementUI的大表格数据

umy-ui官网:www.umyui.com/umycomponen…

  • ag-grid表格插件

中文教程:www.itxst.com/ag-grid/nqr…

官方Demo: www.ag-grid.com/example/

相关文章: blog.csdn.net/wqearl/cate…

相关的中文文档较少,上手难度较高,的确实很强。如果是数据量较少的话,不推荐用此表格。数据量大,就极力推荐。因为不是完全开源免费,企业版需要钱购买证书,企业级的表格比其他的要好,适合做大数据表格

  • vxe-table表格插件

【推荐】,适配于vue2/vue3的表格插件,丰富api , 包含导入导出打印,txt/pdf/html/xlsx/csv文件,也适合做大表格数据

用成熟的文档以及应用案例: xuliangzhan_admin.gitee.io/vxe-table/#…

【补充】:vxe-table承接大表格数据5w+,容易造成dom节点错乱(猜测是表格属性冲突)

  • vue-easytable表格插件

【vue表格组件,数据量较少,表格功能操作要求不高的可以】

官网: www.npmjs.com/package/vue…

参考文档:happy-coding-clans.github.io/vue-easytab…