表格排序共分为三个状态: 点击升序、点击降序、取消排序
但大部分在使用的情况下只需要用到点击升序、点击降序
Google了一下, 关掉[取消排序]这个功能的办法大致上只有一种:
即利用sortOrder属性来控制当前点击的排序, 然后人为的去控制升序和降序
写起来很麻烦
于是今天有同事突发奇想, 用了一个简单的办法:
sortDirections
这个属性的官方介绍是:
sortDirections: [‘ascend’ | ‘descend’]改变每列可用的排序方式,切换排序时按数组内容依次切换,设置在 table props 上时对所有列生效。
于是当前可以利用这个切换方式将对应的列排序属性改为:
{
title: 'Last Update',
dataIndex: 'updatedTime',
sorter: true,
defaultSortOrder: 'descend',
sortDirections: ['descend', 'ascend', 'descend']
}
…
就.. 用一种很奇葩的方式规避掉了那个“取消排序”
评论
说起来,好久好久没来过了。
666