问题描述
使用table组件时实现后端多列排序,在点击第一列排序时没有问题,点击第二列排序时,第一列光标常量,第二列无法点击发起降序的请求。
解决方法
API中的sortOrderr配置项,区分哪一列在进行排序,将另一列排序关闭
{
title: '运行时间(时:分:秒)',
dataIndex: 'usedTime',
width: 170,
sorter: true,
sortOrder: sortField === 'usedTime' ? sortOrder : false, //此处进行判断
render: (text: string, record: Record<string, any>) =>
record.status === 0 ? <span>容器空载</span> : <span>{text}</span>,
},