ANTD踩坑(Table组件scroll属性)

使用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的宽度!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,634评论 0 6
  • 一,HTML语言的一般语法: 1,围堵标记:<>… 1)带属性的标记: … 2)无属性的标记:加粗 居中 标题 2...
    清水易蓝阅读 1,295评论 0 2
  • CSS要点记录 CSS 指层叠样式表 (Cascading Style Sheets) 多种样式时的优先级问题 数...
    Tony__Hu阅读 1,193评论 0 0
  • VBA订制工具栏 http://club.excelhome.net/thread-1047254-1-1.htm...
    大海一滴写字的地方阅读 2,276评论 0 0
  • 第一章 F12: element.style 内联样式(可以直接在上面写代码进行简单调试) user agent...
    fastwe阅读 1,560评论 0 0