antd table排序重置
时间: 2023-11-22 17:50:08 浏览: 160
Ant Design的Table组件去除
要重置antd table的排序,可以使用Table组件的onChage方法,将sortedInfo设置为null即可。具体实现如下:
```javascript
class MyTable extends React.Component {
state = {
sortedInfo: null,
// 其他state属性
};
handleChange = (pagination, filters, sorter) => {
this.setState({
sortedInfo: sorter,
// 其他state属性的更新
});
};
resetSorter = () => {
this.setState({
sortedInfo: null,
// 其他state属性的更新
});
};
render() {
const { sortedInfo } = this.state;
// 其他变量的定义
return (
<div>
<Button onClick={this.resetSorter}>重置排序</Button>
<Table
columns={columns}
dataSource={data}
onChange={this.handleChange}
pagination={pagination}
// 其他属性的设置
sortedInfo={sortedInfo}
/>
</div>
);
}
}
```
阅读全文