开启排序
1、本地数据排序
column数据设置,需要开启的列设置sorter: (a, b) => a.address.length - b.address.length, 自定义排序方法
2、服务端排序sorter设置true
点击排序,表格触发change方法,接受参数
change (pagination, filters, sorter, { currentDataSource })
第三个参数就是排序信息
{field, order}
<a-table :columns="header" :dataSource="body" :pagination="pagination" @change="handleTableChange" > methods: { handleTableChange (pagination, filters, {field, order}) { this.sort = { field: field || '', order: order || '' } this.pagination.current = pagination.current this.getList() }, }
如何设置第一次点击是降序
ant design vue 表格排序,默认点击排序顺序是[升序,降序,不排序] 如此循环
如何设置先降序后升序呢,api文档有提到
1、可以在column的每一项设置sortDirections: ['descend', 'ascend']
2、在表格直接设置sortDirections
<a-table :columns="header" :dataSource="body" :pagination="pagination" @change="handleTableChange" :sortDirections="['descend', 'ascend']" // 这里 >
3、用['descend' | 'ascend']写法不行,用数组['descend', 'ascend']
4、设置defaultSortOrder没有效果
补充知识:Ant Design Vue实现的表格排序点击第三次取消排序的解决方法
以上这篇design vue 表格开启列排序的操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新日志
- 贵族音乐《颂钵减压SPA 空灵疗心音乐精选》[320K/MP3][146.49MB]
- 群星.2005-男人魅【TVB.MUSIC】【WAV+CUE】
- 谢采妘.1999-旧情绵绵2CD【南方】【WAV+CUE】
- 群星.1992-华纳15周年金钻群星演唱会2CD【华纳】【WAV+CUE】
- [In-Akustik7963]ATastySoundCollection-WineVocals《葡萄酒和声乐》(2009)[原抓WAV+CU
- 秦铭遥《当爱在靠近HQ》头版限量编号[低速原抓WAV+CUE]
- [In-AkustikINAK7964]ATastySoundCollection-WhiskyBlues《威士忌和蓝调》(2009)[WAV+CUE]
- 曹格.2008-SUPER.SUNSHINE【汎亚龙族音乐】【WAV+CUE】
- 高胜美.1991-望夫崖【上格】【WAV+CUE】
- 群星.2001-水底乐园(刘以达作品集)【正东】【WAV+CUE】
- 贵族音乐《颂钵减压SPA 空灵疗心音乐精选》[FLAC/分轨][157.53MB]
- 群星《穿越西藏音乐经典》HIFI珍藏限量版 [APE+CUE][374M]
- 李克勤《极品之选》 环球SACD天碟系列 2002[DFF][2.1G]
- 群星《飞图超白金精选1-8》8CD[WAV+CUE]
- 离天边最近的声音-旦增尼玛《藏乡情HQCD》WAV