国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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爰片性色毛片 | 美女三级黄 | 色香欲综合成人免费视频 | 经典三级在线视频 | 日本黄页网站在线观看 | 亚洲综合免费视频 | 国产成人精品一区二三区在线观看 | 精品视频在线一区 | 日韩欧美视频一区二区在线观看 | 欧美一级www | 亚洲欧美一区二区三区久本道 | 亚洲看片网站 | 日本在线观看www免费 | 看一级特黄a大片日本片 | 久久不见久久见免费影院www日本 | 久久久久久久国产免费看 | 日本高清福利视频在线观看 | 欧美日韩国产一区二区三区播放 | 久久免视频| 欧美日韩一区二区在线观看视频 | 国产成人精品视频 | 91日本在线观看亚洲精品 | 狠狠色综合久久丁香婷婷 | 亚洲理论欧美理论在线观看 | 有码在线 | 女女互操 | 亚洲加勒比久久88色综合1 | 亚洲在线偷拍自拍 | 9lporm自拍视频在线 | 欧美大片a一级毛片视频 | 外国成人网在线观看免费视频 | 日韩亚洲一区中文字幕在线 | 久久一二 | 国产精品免费观看视频播放 | 精品国产综合区久久久久99 | 午夜精品免费 | 国产精品一区二区在线观看 |