antDesign table 默认排序，解决defaultSortOrder不生效（antDesign 3.X）

最新推荐文章于 2024-09-20 15:54:31 发布

xuedong1103

最新推荐文章于 2024-09-20 15:54:31 发布

阅读量8.6k

点赞数 1

分类专栏： antDesign

本文链接：https://blog.csdn.net/weixin_46880303/article/details/109532863

版权

antDesign 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

state = {
	sortedInfo:{
			columnKey:'默认排序的项',
			order: 'ascend'
		},//默认排序
}
column = [
{
			title: "默认排序的项",
			dataIndex: '默认排序的项',
			key: '默认排序的项',
			sortOrder: this.state.sortedInfo.columnKey === '默认排序的项' && this.state.sortedInfo.order,
			
		},
]
//handleChange  是table 的 onChange 事件
handleChange = (pagination, filters, sorter) => {
		this.setState({
			sortedInfo: {
				columnKe:sorter.columnKey,
				order:sorter.order
			},
		  });
		  let columns = this.columns;
		  for(let i = 0;i < columns.length ;i++){
			if(columns[i].dataIndex == '默认排序的项'){
				delete columns[i].sortOrder
				break;
			}
		  }
	}