展示数据量大的表格

展示数据量大的表格,第1张

展示数据量大的表格

题外话:对于普通表格展示数据需求来说,使用element-ui的el-table组件来展示,对于数据量大的需求,也可使用分页来进行处理,但是假如遇到数据量非常大,而且又不能进行分页展示的需求,el-table就会展示出它的缺点,会导致页面异常地卡顿,在此种情况下:这就是这篇文章所要向大家推荐的使用一款能够展示多数据量而且不会导致页面卡顿的组件 — vxe-table 它的官网入口 ,话不多说,来看看它是如何使用:
1、引入依赖

npm install xe-utils@3 vxe-table@3

2、在main.js中注册组件

 import Vue from 'vue'
 import 'xe-utils'
 import VXETable from 'vxe-table'
 import 'vxe-table/lib/style.css'
 Vue.use(VXETable)

3、在页面中使用


         
         
    

4、说明:
设置heght进行虚拟滚动(用于支持大数据量展示)

更多配置可以参考官网

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5611187.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-15
下一篇 2022-12-15

发表评论

登录后才能评论

评论列表(0条)

保存