电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

design vue 表格開(kāi)啟列排序的操作

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

開(kāi)啟排序

1、本地?cái)?shù)據(jù)排序

column數(shù)據(jù)設(shè)置,需要開(kāi)啟的列設(shè)置sorter: (a, b) => a.address.length - b.address.length, 自定義排序方法

2、服務(wù)端排序sorter設(shè)置true

點(diǎn)擊排序,表格觸發(fā)change方法,接受參數(shù)

change (pagination, filters, sorter, { currentDataSource })

第三個(gè)參數(shù)就是排序信息

{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() },}

如何設(shè)置第一次點(diǎn)擊是降序

ant design vue 表格排序,默認(rèn)點(diǎn)擊排序順序是[升序,降序,不排序] 如此循環(huán)

如何設(shè)置先降序后升序呢,api文檔有提到

design vue 表格開(kāi)啟列排序的操作

1、可以在column的每一項(xiàng)設(shè)置sortDirections: [’descend’, ’ascend’]

2、在表格直接設(shè)置sortDirections

<a-table :columns='header' :dataSource='body' :pagination='pagination' @change='handleTableChange' :sortDirections='[’descend’, ’ascend’]' // 這里 >

3、用[’descend’ | ’ascend’]寫(xiě)法不行,用數(shù)組[’descend’, ’ascend’]

4、設(shè)置defaultSortOrder沒(méi)有效果

補(bǔ)充知識(shí):Ant Design Vue實(shí)現(xiàn)的表格排序點(diǎn)擊第三次取消排序的解決方法

design vue 表格開(kāi)啟列排序的操作

design vue 表格開(kāi)啟列排序的操作

design vue 表格開(kāi)啟列排序的操作

以上這篇design vue 表格開(kāi)啟列排序的操作就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 广州展览设计公司_展台设计搭建_展位设计装修公司-众派展览装饰 广州展览制作工厂—[优简]直营展台制作工厂_展会搭建资质齐全 | Pos机办理_个人商户免费POS机申请-拉卡拉办理网 | 北京翻译公司_同传翻译_字幕翻译_合同翻译_英语陪同翻译_影视翻译_翻译盖章-译铭信息 | 垃圾压缩设备_垃圾处理设备_智能移动式垃圾压缩设备--山东明莱环保设备有限公司 | 大行程影像测量仪-探针型影像测量仪-增强型影像测量仪|首丰百科 大通天成企业资质代办_承装修试电力设施许可证_增值电信业务经营许可证_无人机运营合格证_广播电视节目制作许可证 | 天津蒸汽/热水锅炉-电锅炉安装维修直销厂家-天津鑫淼暖通设备有限公司 | 范秘书_懂你的范文小秘书| 高楼航空障碍灯厂家哪家好_航空障碍灯厂家_广州北斗星障碍灯有限公司 | 高温链条油|高温润滑脂|轴承润滑脂|机器人保养用油|干膜润滑剂-东莞卓越化学 | 烟气在线监测系统_烟气在线监测仪_扬尘检测仪_空气质量监测站「山东风途物联网」 | 南京试剂|化学试剂|分析试剂|实验试剂|cas号查询-专业60年试剂销售企业 | 精密冲床,高速冲床等冲压设备生产商-常州晋志德压力机厂 | 篷房[仓储-婚庆-展览-活动]生产厂家-江苏正德装配式帐篷有限公司 | 压片机_高速_单冲_双层_花篮式_多功能旋转压片机-上海天九压片机厂家 | 济南拼接屏_山东液晶拼接屏_济南LED显示屏—维康国际官网 | 德国EA可编程直流电源_电子负载,中国台湾固纬直流电源_交流电源-苏州展文电子科技有限公司 | 长沙广告公司|长沙广告制作设计|长沙led灯箱招牌制作找望城湖南锦蓝广告装饰工程有限公司 | 猪I型/II型胶原-五克隆合剂-细胞冻存培养基-北京博蕾德科技发展有限公司 | 河南砖机首页-全自动液压免烧砖机,小型砌块水泥砖机厂家[十年老厂] | 浙江华锤电器有限公司_地磅称重设备_防作弊地磅_浙江地磅售后维修_无人值守扫码过磅系统_浙江源头地磅厂家_浙江工厂直营地磅 | BHK汞灯-百科|上海熙浩实业有限公司 | 真空冷冻干燥机_国产冻干机_冷冻干燥机_北京四环冻干 | 砍排机-锯骨机-冻肉切丁机-熟肉切片机-预制菜生产线一站式服务厂商 - 广州市祥九瑞盈机械设备有限公司 | 化妆品加工厂-化妆品加工-化妆品代加工-面膜加工-广东欧泉生化科技有限公司 | 沟盖板_复合沟盖板厂_电力盖板_树脂雨水篦子-淄博拜斯特 | 手机存放柜,超市储物柜,电子储物柜,自动寄存柜,行李寄存柜,自动存包柜,条码存包柜-上海天琪实业有限公司 | 丹佛斯变频器-丹佛斯压力开关-变送器-广州市风华机电设备有限公司 | EPDM密封胶条-EPDM密封垫片-EPDM生产厂家 | 喷砂机厂家_自动喷砂机生产_新瑞自动化喷砂除锈设备 | 国资灵活用工平台_全国灵活用工平台前十名-灵活用工结算小帮手 | 报警器_家用防盗报警器_烟雾报警器_燃气报警器_防盗报警系统厂家-深圳市刻锐智能科技有限公司 | 顺景erp系统_erp软件_erp软件系统_企业erp管理系统-广东顺景软件科技有限公司 | 巨野月嫂-家政公司-巨野县红墙安康母婴护理中心 | 胶辊硫化罐_胶鞋硫化罐_硫化罐厂家-山东鑫泰鑫智能装备有限公司 意大利Frascold/富士豪压缩机_富士豪半封闭压缩机_富士豪活塞压缩机_富士豪螺杆压缩机 | 304不锈钢无缝管_不锈钢管厂家 - 隆达钢业集团有限公司 | 仿清水混凝土_清水混凝土装修_施工_修饰_保护剂_修补_清水混凝土修复-德州忠岭建筑装饰工程 | 山西3A认证|太原AAA信用认证|投标AAA信用证书-山西AAA企业信用评级网 | 低气压试验箱_高低温低气压试验箱_低气压实验箱 |林频试验设备品牌 | 农业四情_农业气象站_田间小型气象站_智慧农业气象站-山东风途物联网 | 龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司_龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司 | 臭氧发生器_臭氧消毒机 - 【同林品牌 实力厂家】 |