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

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

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

瀏覽:3日期: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
相關文章:
主站蜘蛛池模板: 诚暄电子公司首页-线路板打样,pcb线路板打样加工制作厂家 | 脉冲除尘器,除尘器厂家-淄博机械| 捆扎机_气动捆扎机_钢带捆扎机-沈阳海鹞气动钢带捆扎机公司 | ETFE膜结构_PTFE膜结构_空间钢结构_膜结构_张拉膜_浙江萬豪空间结构集团有限公司 | 同步带轮_同步带_同步轮_iHF合发齿轮厂家-深圳市合发齿轮机械有限公司 | 济南网站建设_济南网站制作_济南网站设计_济南网站建设公司_富库网络旗下模易宝_模板建站 | 玖容气动液压设备有限公司-气液增压缸_压力机_增压机_铆接机_增压器 | 深圳富泰鑫五金_五金冲压件加工_五金配件加工_精密零件加工厂 | 废气处理_废气处理设备_工业废气处理_江苏龙泰环保设备制造有限公司 | 细砂提取机,隔膜板框泥浆污泥压滤机,螺旋洗砂机设备,轮式洗砂机械,机制砂,圆锥颚式反击式破碎机,振动筛,滚筒筛,喂料机- 上海重睿环保设备有限公司 | 高考志愿规划师_高考规划师_高考培训师_高报师_升学规划师_高考志愿规划师培训认证机构「向阳生涯」 | 布袋除尘器-单机除尘器-脉冲除尘器-泊头市兴天环保设备有限公司 布袋除尘器|除尘器设备|除尘布袋|除尘设备_诺和环保设备 | 头条搜索极速版下载安装免费新版,头条搜索极速版邀请码怎么填写? - 欧远全 | 深圳3D打印服务-3D打印加工-手板模型加工厂-悟空打印坊 | 宁夏档案密集柜,智能密集柜,电动手摇密集柜-盛隆柜业宁夏档案密集柜厂家 | 隧道窑炉,隧道窑炉厂家-山东艾瑶国际贸易| 称重传感器,测力传感器,拉压力传感器,压力变送器,扭矩传感器,南京凯基特电气有限公司 | 流程管理|流程管理软件|企业流程管理|微宏科技-AlphaFlow_流程管理系统软件服务商 | 深圳办公室装修,办公楼/写字楼装修设计,一级资质 - ADD写艺 | 精密光学实验平台-红外粉末压片机模具-天津博君 | 北京翻译公司-专业合同翻译-医学标书翻译收费标准-慕迪灵 | 运动木地板厂家_体育木地板安装_篮球木地板选购_实木运动地板价格 | EPK超声波测厚仪,德国EPK测厚仪维修-上海树信仪器仪表有限公司 | Jaeaiot捷易科技-英伟达AI显卡模组/GPU整机服务器供应商 | R507制冷剂,R22/R152a制冷剂厂家-浙江瀚凯制冷科技有限公司 | 罗氏牛血清白蛋白,罗氏己糖激酶-上海嵘崴达实业有限公司 | 锂电池生产厂家-电动自行车航模无人机锂电池定制-世豹新能源 | 污水处理设备维修_污水处理工程改造_机械格栅_过滤设备_气浮设备_刮吸泥机_污泥浓缩罐_污水处理设备_污水处理工程-北京龙泉新禹科技有限公司 | 房屋质量检测-厂房抗震鉴定-玻璃幕墙检测-房屋安全鉴定机构 | 经济师考试_2025中级经济师报名时间_报名入口_考试时间_华课网校经济师培训网站 | 铝镁锰板_铝镁锰合金板_铝镁锰板厂家_铝镁锰金属屋面板_安徽建科 | 桁架楼承板-钢筋桁架楼承板-江苏众力达钢筋楼承板厂 | 电加热导热油炉-空气加热器-导热油加热器-翅片电加热管-科安达机械 | 机械立体车库租赁_立体停车设备出租_智能停车场厂家_春华起重 | 影视模板素材_原创专业影视实拍视频素材-8k像素素材网 | 工装定制/做厂家/公司_工装订做/制价格/费用-北京圣达信工装 | 网优资讯-为循环资源、大宗商品、工业服务提供资讯与行情分析的数据服务平台 | 塑料造粒机「厂家直销」-莱州鑫瑞迪机械有限公司 | 安全,主动,被动,柔性,山体滑坡,sns,钢丝绳,边坡,防护网,护栏网,围栏,栏杆,栅栏,厂家 - 护栏网防护网生产厂家 | 别墅图纸超市|别墅设计图纸|农村房屋设计图|农村自建房|别墅设计图纸及效果图大全 | 【同风运车官网】一站式汽车托运服务平台,验车满意再付款 |