国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

design vue 表格開啟列排序的操作

瀏覽:4日期:2022-11-09 17:29:51

開啟排序

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文檔有提到

design vue 表格開啟列排序的操作

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 表格開啟列排序的操作

design vue 表格開啟列排序的操作

design vue 表格開啟列排序的操作

以上這篇design vue 表格開啟列排序的操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 国产三级a | 欧美一级特黄高清免费 | 国产日韩欧美一区二区三区在线 | 欧美a在线 | 26uuu影院亚洲欧美综合 | 国产美女主播一级成人毛片 | 乱人伦中文字幕视频 | 欧美一级免费看 | 国产精品久久久久久麻豆一区 | 欧美一级片免费看 | 欧美国产高清 | 91精品国产手机 | 久久狠狠 | 亚洲区一| 久久99这里只有精品国产 | 精品欧美成人高清在线观看2021 | 国产在线观看精品香蕉v区 国产在线观看免费人成小说 | 另类专区另类专区亚洲 | 日韩精品一区二区三区毛片 | 国产在线精品观看 | 国内偷拍免费视频 | 国产精品怡红院在线观看 | 91成人免费视频 | 国产高清精品自在久久 | 亚洲成人在线播放 | 又黄又www| 久久精品视 | 一级特级欧美a毛片免费 | 成人a区 | 伊人99re| 久久国产精品久久久 | fc2成年手机免费共享视频 | 久久久久久久一线毛片 | 久久综合精品国产一区二区三区无 | 亚洲欧美日韩高清综合678 | 亚洲欧美日本人成在线观看 | 碰碰人人| 国产成人99久久亚洲综合精品 | 亚洲欧美18v中文字幕高清 | 国产三级一区二区 | 91成人国产网站在线观看 |