iview Table表格 远程排序以及自定义过滤
因为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