写法非常简单
前端Vue页面
1. 在表格上加监听函数@sort-change
;
2. 在表行上加排序字:sort-orders
、可排序字sortable
;
3. 实现监听函数。
代码如下:
<el-table v-loading="loading" :data="equipList" @selection-change="handleSelectionChange" @sort-change="handleSortChange">
<el-table-column label="创建时间" align="center" prop="createTime" width="160" :sort-orders="['descending','ascending']" sortable="custom">
handleSortChange(column) {
this.queryParams.orderByColumn = column.prop;//查询字段是表格中字段名字
this.queryParams.isAsc = column.order;//动态取值排序顺序
this.getList();
}
后端XML代码
在selectList
里面加上参数解析即可,如下:
文章来源:https://www.toymoban.com/news/detail-702157.html
实现原理
若依框架后端里面已经封装好对应的解析代码了:
文章来源地址https://www.toymoban.com/news/detail-702157.html
到了这里,关于若依框架实现表格按照属性排序 升序或降序的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!