按升降序对列进行排序,当切换表时,排序图标仍然显示颜色,但我希望在更改列表数据时不显示排序。

const [sortedInfo, setSortedInfo] = useState({})

// sortOrder: sortedInfo.columnKey === 'xx' ? sortedInfo.order : null 很关键
tablelist= [
    {
        title: 'aa',
        dataIndex: 'targetAmt',
        key: 'targetAmt',
        sorter: true,
        sortOrder: sortedInfo.columnKey === 'targetAmt' ? sortedInfo.order : null,
        width: 220,
     },
     {
        title: 'bb',
        dataIndex: 'targetAmt1',
        key: 'targetAmt1',
        sorter: true,
        sortOrder: sortedInfo.columnKey === 'targetAmt1' ? sortedInfo.order : null,
        width: 220,
     }
]

// 触发table的onchange事件时存下当前的排序状态
const handleTableChange = (pagination, filters, sorter) => {
    setSortedInfo(sorter)
}

// 需要重置排序状态时
const handleSubTabChange = () => {
    setSortedInfo({})
}

关键,每一项加:sortOrder: sortedInfo.columnKey === 'xxx' ? sortedInfo.order : null

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐