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

cyccgirl發表於2019-04-18

狀態值
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
    });
  }
複製程式碼


相關文章