antd Table/ proTable组件columns设置固定列fixed之后,横向移动滚动条会导致表头和表身错位其中columns中每一列的宽度width都有固定写死,scroll.x的宽度也是大于固定列的宽度以及整个columns的宽度的,有关网上错位的方法都有使用,
但还是会出现表格错位的问题:
后来发现在columns固定列加render方法之后,就可以解决这一错位问题,
代码:
{
title: '序号',
align: 'center',
hideInSearch: true,
fixed: 'left',
width: 40,
render: (text, record, index) => `${index + 1}`,
},
{
title: '姓名',
dataIndex: 'name',
align: 'center',
fixed: 'left',
width: 70,
render: (text) => (<span>{text}</span>),
},
{
title: '邮箱',
dataIndex: 'email',
align: 'center',
fixed: 'left',
hideInSearch: true,
width: 70,
render: (text) => (<span>{text}</span>),
},