The action column is fixed in the table, and the table is misaligned after page turning #3952
Description
- I have searched the issues of this repository and believe that this is not a duplicate.
Version
2.1.2
Environment
os macos big sur，browser Google，vue 3.0.9
Reproduction link
http://test.work.zjcmyl.com/#/user/vehicles
Steps to reproduce
表格action 列，右侧固定，翻页后固定列高度于表格高度不一致导致错位
What is expected?
希望表格操作可以如丝般顺滑
What is actually happening?
我也不知道发送了什么，就是表格错位，各种宽度制定，空一格无宽度的列，调试后均无效，表格第一页正常，翻页后出现错位
<a-table
:columns="columns"
:data-source="data"
:rowKey="(record, index) => {return index;}"
:pagination="pagination"
:loading="loading"
:scroll="{ x: 2000 }"
:size="$store.getters.themeSize"
@change="handleTableChange"
const columns = [
{
title: "品牌",
align: "center",
dataIndex: "brand",
key: "brand",
width: 100,
},
{
title: "运力类型id",
align: "center",
dataIndex: "capacityTypeId",
key: "capacityTypeId",
width: 100,
slots: { customRender: "capacityTypeId" },
},
{
title: "行驶证",
align: "center",
dataIndex: "drivingLicense",
key: "drivingLicense",
width: 100,
slots: { customRender: "drivingLicense" },
},
{
title: "发动机编号",
align: "center",
dataIndex: "engineNo",
key: "engineNo",
width: 100,
},
{
title: "状态",
align: "center",
dataIndex: "vehicleStatus",
key: "vehicleStatus",
width: 100,
slots: { customRender: "vehicleStatus" },
},
{
title: "车挂号",
align: "center",
dataIndex: "hangingNum",
key: "hangingNum",
width: 100,
},
{
title: "车牌号",
align: "center",
dataIndex: "licensePlate",
key: "licensePlate",
width: 100,
},
{
title: "车牌类型",
align: "center",
dataIndex: "licensePlateType",
key: "licensePlateType",
width: 100,
slots: { customRender: "licensePlateType" },
},
{
title: "型号",
align: "center",
dataIndex: "model",
key: "model",
width: 100,
slots: { customRender: "model" },
},
{
title: "核定载人数",
align: "center",
dataIndex: "passengerNum",
key: "passengerNum",
width: 100,
},
{
title: "操作",
align: "center",
key: "operation",
fixed: "right",
width: 100,
slots: { customRender: "action" },
},
];