二、在 a-table 中使用

设置表格 columns

const columns = [ {
    title: '时间',
    dataIndex: 'time',
    defaultSortOrder: 'descend', // 默认上到下为由大到小的顺序
    sorter: (a, b) => { return a.time> b.time? 1 : -1 },
  },]
                                    由于业务的需求，分页由后端完成，所以排序也必须使用后端排序，但是使用Table默认的sort自定义函数只能够进行当前页面的排序，（举个例子：如果有100条数据，每页有10条数据，点击排序只会进行当前页面的排序，剩下的9个分页还是杂乱无章的）
const colums = [
    title: '点赞数',
    dataIndex: 'diggCount',
    sorter: (a, b) => a.diggCount - b.diggCount,
    sort...
			dataIndex: '默认排序的项',
			key: '默认排序的项',
			sortOrder: this.state.sortedInfo.columnKey === '默认排序的项' && this.state.sortedInfo.order,
                                    Ant Design of Vue 通过sort排序，返回给后端的排序相关字段
sortField 0更新时间(默认) 1今日被推  sortType 0或者1升序 -1降序
我这里采取的思路是：当你点击到排序时，有一个小三角的颜色会改变，那么就判断css样式是否添加了颜色。
当点击了一次，有颜色改变的：原样式：
获取所有字段的标题【console.log（record）】，可以看出，我们这里有是13个字段，找到我们需要的字段的下标，然后获取它的样式就可以了。
这个就是我们要获取的样式的值【reco
                                    var newDate = currentDate.getDate();
        var data2 = {name:'zk00',age:'26',date_time:newDate};
        this.students.push(data2);
        this.students.map(mapItem => {
          console.log('aaa====...
        <button @click="orderByAge(0)">默认</button>
        <button @click="orderByAge(1)">年龄大到小</button&gt
}复制代码在表头设置属性 
sorter: (a, b) => a.name.length - b.name.length,
sortOrder: sortedInfo.columnKey === 'name' && sortedInfo.order复制代码...