antd table 排序如何使用_react+antd+antd pro+dva ---> table 升降序及筛选的使用（排序+筛选）...

这次的需求是列表页可以按照时间进行升降序的排列(直接请求后端)及列筛选，如图：

在打开页面时，我们要首先请求接口，获取缺卡类型的筛选数据，然后把数据拼成正确的格式赋给table的column：

// 获取缺卡类型和缺卡状态的筛选菜单数据

getTypeListAll = () => {

const { dispatch } = this.props;

const param = {

dictCode: 'lackStatus'

};

const param2 = {

dictCode: 'lackType'

};

dispatch({

type: 'abnormalRank/fetchTypeList',

payload: param,

callback: () => {

dispatch({

type: 'abnormalRank/fetchLackTypeList',

payload: param2,

callback: () => {

this.setfilters();

}

});

}

});

};

// 类型/状态-加入表格的筛选，并将最新的column存入state

setfilters = () => {

const {

abnormalRank: { typeList, lackTypeList }

} = this.props;

const column = [

{

title: '工号',

dataIndex: 'userNo',

key: 'userNo'

},

{

title: '姓名',

dataIndex: 'userName',

key: 'userName'

},

{

title: '部门',

dataIndex: 'departName',

key: 'departName'

},

{

title: '缺卡类型',

dataIndex: 'typeNick',

key: 'typeNick',

filters: []

},

{

title: '缺卡时间',

dataIndex: 'lackTime',