表格最大数据量也就500左右,再多,dom太多,浏览器会卡顿。为了解决这个问题,同时保持表格原有功能,对数据做了优化。
特点:
1、保留原有antv的table的所有功能(antd-react 一样的道理,这里只贴vue代码,react抄一下函数即可)
2、数据切换流畅,无卡顿问题,头尾数据无空白问题
3、可视区域渲染数据,条数默认15条,可配置,注意和可视高度配合
4、写法很简单
思路: 默认每条数据高度一样,不换行。增加一个滚动条,滚动滚动条,根据百分比,计算要展示的数据
缺点:全选会触发2次数据的回调,这个暂时没处理;若表格换行,高度相差太大影响数据显示,需要配置合理的高度
贴一下代码,有需要的自己拷贝: ps:对分页的一些功能还没封装完,直接忽略,看核心部分即可