ant Design Table表格渲染慢、卡死问题前端解决方法-虚拟表格

MajorMe 2024-07-13 16:03:01 阅读 90

问题描述:

react项目,某些原因后台不方便分页,列表一次性查回很多数据,导致列表渲染卡死

解决方法:

ant Design的Table组件就有虚拟表格属性,直接给表格加virtual属性即可:<Table virtual scroll={ { x: 2000, y: 500 }} {...otherProps} />

其他问题

若表格是可选,则rowSlection属性里的columnWidth属性要设置为数字,不然不生效(如 columnWidth: ‘60px’,要改为columnWidth: 60)



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。