在antd中,在模态框中加入了Table组件。如果默认的话,是一行一行的数据。
需要将列合并的话就需要设置rowSpan了,像这样
如果在模态框中加入Table,并且有很多数据的话,需要进行分页。列合并的时候,如果需要合并的列一页放不下的话,就会出现问题了。第二页相关的列并不会进行合并,而且数据还会错位展示。
解决办法:
1.先用hooks语法定义出分页信息
const [paginationInfo, setPaginationInfo] = useState({
current: 1,
pageSize: 10
});
2.在Table中定义onChange方法
const handleChange = pagination => {
setPaginationInfo(pagination);
};
return (
<Table
size="small"
rowKey={keyword => keyword.id}
columns={columns}
dataSource={dataSource}
onChange={handleC