ant-design/components/table/demo/sort.md

排序

• order: 5

对某一列数据进行排序，通过指定列的 sorter 函数即可启动排序按钮。支持前台排序和后台排序，后台排序会发送请求。

sorter: function(order) { ... }， order 为排序方向：升序 ascend、降序 descend 或空字符串。

---

var Table = antd.Table;
var columns = [{
  title: '姓名(后端排序)',
  dataIndex: 'name',
  sorter: function(order) {
    this.fetch(this.props.dataSource + (order && '?sort=name&order=' + order));
  }
}, {
  title: '年龄(前端排序)',
  dataIndex: 'age',
  sorter: function(order) {
    if (!order) {
      return;
    }
    this.state.data = this.state.data.sort(function(a, b) {
      return (order === 'ascend') ?
        (a.age - b.age) : (b.age - a.age);
    });
    this.setState({
      data: this.state.data
    });
  }
}, {
  title: '地址',
  dataIndex: 'address'
}];

function resolve(result) {
  return result.data;
}

React.render(<Table columns={columns} dataSource="/components/table/demo/data.json" resolve={resolve} />
, document.getElementById('components-table-demo-sort'));