DEV Community · Show DEV9/2 08:4763 分
突破浏览器滚动极限:BGrid如何从55万行到100万行
We Hit the Browser's Scroll Limit at 550K Rows. Here's How We Reached 1 Million.
BGrid(BeautifulGrid)是一个开源的虚拟滚动网格组件。其首个公开演示支持55万行数据,但开发者团队尝试进一步扩展至60万、70万乃至100万行时,发现布局开始异常。问题并非源于React崩溃或内存不足,而是浏览器物理滚动区域的高度限制:每行约29像素,55万行对应约1595万像素的滚动高度,接近浏览器实际可支持的上限。团队意识到虚拟化行数并非瓶颈,转而探索不依赖巨大滚动容器的新方案,最终成功将数据量提升至100万行。