Antd使用table同时使用scroll和fixed定位,滑动导致左右高度不统一

发布时间:2024年01月10日

今天使用组件里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}
/>

成功对齐!

文章来源:https://blog.csdn.net/M_E_i/article/details/135506209
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。