今天使用组件里Table时候,遇到一个业务场景就是在有scroll控制滚动条的同时,固定部分列,就出现的如题的bug
问题:无法对齐
代码:
<Table
dataSource={data}
scroll={{ y: 'calc(100vh - 275px)', x: '1200px' }}
columns={this.columns2}
/>
原因:
此问题可能在antd3.24.0版本之前都存在,反正3.16.2版本是存在这个问题的,如果是3.24.0之前的版本估计只能通过修改css样式解决
解决:加样式
.tableZRJ {
:global(.ant-table-fixed .ant-table-tbody tr) {
height: 65px !important;
}
}
<Table
className={tableZRJ}
dataSource={data}
scroll={{ y: 'calc(100vh - 275px)', x: '1200px' }}
columns={this.columns2}
/>