情景描述:react中使用ant-design的Table来实现表格,当Table中的数据改动的时候,表头总是会跟着跳动一下
解决办法:把Table中的key这个值去掉
<Table
rowSelection={{
onChange: (selectedRowKeys, selectedRows) => {
handleChangeSelected(selectedRowKeys, selectedRows);
},
columnWidth: 50,
fixed: true,
}}
loading={isLoading}
dataSource={data}
//key={JSON.stringify(data)} 需要去掉这一行
columns={tableColumns}
rowClassName="editable-row"
pagination={false}
scroll={{
x: tableColumns.length * 110,
y: 600,
}}
components={VList({
height: 600,
})}
sticky
/>