virtual scroll list All In One

virtual scroll list All In One

虚拟滚动列表 / 性能优化

virtual-list 虚拟列表

实现原理

交叉观察者 IntersectionObserver

https://www.cnblogs.com/xgqfrms/p/11474718.html

vue big table

  1. 水平滚动虚拟列表

  2. 垂直滚动虚拟列表

react

demo

react-window

https://github.com/bvaughn/react-window

https://react-window.vercel.app/#/examples/list/fixed-size

react-virtualized

https://github.com/bvaughn/react-virtualized

https://bvaughn.github.io/react-virtualized/#/components/List

taro

https://nervjs.github.io/taro/docs/virtual-list/

ant design

https://ant.design/components/table-cn/#components-table-demo-virtual-list

https://codesandbox.io/s/wycd6

目前虚拟滚动表格受限比较多,开启虚拟滚动后不能使用展开行、树形数据、固定列等功能

arco design

https://arco.design/react/components/table#virtual-list ??? 不支持
https://arco.design/react/components/table#api

https://arco.design/vue/component/table#virtual-list

refs



©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!

原创文章,版权所有©️xgqfrms, 禁止转载 ️,侵权必究⚠️!


xgqfrms
原文地址:https://www.cnblogs.com/xgqfrms/p/15601737.html