当前位置: 代码迷 >> 综合 >> antd Table 固定列空缺问题
  详细解决方案

antd Table 固定列空缺问题

热度:30   发布时间:2023-10-30 00:11:13.0

问题表现
问题表现
antd表格的固定列是用复制列然后覆盖在原表格上方实现的, 被固定的列此时还在原表格中, 但是被设置了隐藏
固定列的实现方式
在这里插入图片描述
如果不给固定的列设置固定的宽度 就会导致两层列宽不一致, 上层列盖不住下面被隐藏的列的时候, 就会出现空缺
这时候可以设置visibility: visible;让下面的列显示出来填补空缺, 就不会影响视觉和点击等, 但是只能固定在左侧的列使用

.dataTable {:global {.ant-table-scroll table .ant-table-fixed-columns-in-body {visibility: visible;}}}
  相关解决方案