iview Table表格 远程排序整个表格Data数据

iview Table表格 远程排序以及自定义过滤

iView Table Api

因为iView Table默认是排序当前页,所以直接在Columns 设置sortable设置为true,是行不通得,因为我本次需求是将整个表格排序,而不是当前页,取其最大最小排序,所以最终使用到了 iView中得远程排序

sortable对应列是否可以排序,如果设置为 custom,则代表用户希望远程排序,需要监听 Table 的 on-sort-change 事件
sortMethod自定义排序使用的方法,接收三个参数 a 、 b 和 type,当设置 sortable: true 时有效。type 值为 asc 和 desc
    <Table
      @on-sort-change="sortChanged"
      :columns="Columns"
      :data="tableData"
    >
    </Table>

当为远程排序时,Columns 需要将sortable设置为custom

sortChanged就是你自己自定义得排序方法

on-sort-change排序时有效,当点击排序时触发
  • on-sort-change
  • 返回值
    column:当前列数据
    key:排序依据的指标
    order:排序的顺序,值为 asc 或 desc
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值