ant Design 表格 只设置升序和降序,取消--取消排序功能

4,904 阅读1分钟

状态值
state = {
    sortedInfo: null,
    saveSortedInfo:null
}
在表头设置属性 
sorter: (a, b) => a.name.length - b.name.length,
sortOrder: sortedInfo.columnKey === 'name' && sortedInfo.order

在 排序事件
handleChange = (pagination, filters, sorter) => {
    if(sorter.order === undefined){
      sorter= this.state.saveSortedInfo
     }
    if(sorter.order === 'ascend'){
     this.setState({
      saveSortedInfo: sorter
     });
    }
    this.setState({
      sortedInfo: sorter
    });
  }