使用ANTD Table组件scroll属性时,如果需要x轴滚动,正确的做法是在columns中设置每一列的宽度,在scroll中设置x的值为所有列宽度的总和。
但是前两天在修改同事代码时发现了一个问题,scroll.x的值和columns所有宽度的总和是相等的,显示的效果却是表头与表格没有对齐。
表格头与表格内容没有对齐
我百思不得其解,后面在看页面时候,突然发现,scroll.x的值的确和columns所有宽度的总和是相等的,但是columns却没有包含表格最前列selection的宽度!
所以我尝试把scroll.x的值在原有的基础上加上selection宽度,刷新页面后发现表格头和表格完美对齐。问题完美解决。
总结:当Table组件同时使用rowSelection和scroll属性(x轴滚动)时,scroll.x的值需要加上rowSelection的宽度!