antd table 服务 自定义排序

现在需要表格按照 IMEI号进行排序,服务器端已经做出相应逻辑,需要向接口传递参数 sortImet: true //升序,请问各位大神怎么添加参数啊,没有半点头绪

state= {
   formValues: {}
};
const columns = [
   { title: 'IMEI号', dataIndex: 'imei', align: 'center', sorter: true}
]
<Table
  columns={columns}
  dataSource={devicePage.list}
  pagination={devicePage.pagination}
  onChange={(pagination) => HandleTableChange(this, pagination)}
/>
//实现排序,保留分页筛选条件
export const HandleTableChange = (that, pagination) => {
  const { formValues } = that.state;
  //传递参数
  const params = {
    //历史查询内容
    ...formValues,
    //分页内容
    pageNumber: pagination.current,
    pageSize: pagination.pageSize,
    
    //=============================================
       我觉得应该在这里添加参数,但是我需要怎么获得排序主体,尝试很多次都没有实现
    
    //============================================
  };
  that.setState({
    formValues: params,
  });
  
  //获取表格内容数据
  that.getListItems(params);
};
阅读 690
评论
    1 个回答
    class Demo extends Component{
    
        // 箭头函数形式 this不会丢失
        handleTableChange = (pagination, filters, sorter) => {
            //第三个参数 就是排序信息
            console.log(sorter, sorter.field, sorter.order)
           // 。。。
        };
    
        render () {
            return (
            <Table
              columns={columns}
              dataSource={devicePage.list}
              pagination={devicePage.pagination}
              // 这里直接调用方法就好了
              onChange={this.handleTableChange}
            />
            ) 
        }
    
    }
      撰写回答

      登录后参与交流、获取后续更新提醒