react表格无缝滚动_放弃antd table，基于React手写一个虚拟滚动的表格

缘起

标题有点夸张，并不是完全放弃antd-table，毕竟在react的生态圈里，对国人来说，比较好用的PC端组件库，也就antd了。即便经历了2018年圣诞彩蛋事件，antd的使用者也不仅不减，反而有所上升。

客观地说，antd是开源的，UI设计得比较美观(甩出其他组件库一条街)，而且是蚂蚁金服的体验技术部(一堆p7,p8,p9，基本都是大牛级的)在持续地开发维护，质量可以信任。

不过，antd虽好，但一些组件在某一些场景下，是很不适用的。例如，以表格形式无限滚动地展示大量数据(1w+)时，antd-table就特别蹩脚了，光是首次渲染就能卡个五秒白屏。如果这个表格还要求能编辑，甚至不同列之间发生联动呢？对不起，antd-table无能为力，会把页面卡炸的。

antd-table本身是基于rc-table的扩展，而rc-table所属的react-component素来有自己的主张，在react社区其他的组件库都支持无限滚动时(例如react-data-grid, react-virtualized, react-tabulator..)，很抱歉，它不支持。

爹爹不支持，作为儿女的antd-table也不好反对，顺其自然咯。

于是，部分使用antd的开发者就脑阔疼了，想使用其他支持无限滚动的表格组件吧，会发现诸多的问题：

1.UI太丑，真的，特别是react-data-grid，不能再丑了。虽然它的功能很强大，但颜值是个硬伤。想给它整容，符合antd一惯

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！