应该为降序descending排序,第二次点击排序时为升序ascending排序,但是在:sort-orders="[‘ascending’, ‘descending’]"的情况下,与预期相反,而我们又不能调整sort-orders为[‘descending’, ‘ascending’],这样虽然这种情况是好的,但是再点击别的列排序再回来点击日期列时就不对了。
1. prop为排序列,order为排列顺序 2. 多级对象属性,写法如 :default-sort="{prop:'baseInfo.time', order:'descending'}"
-- 数据由后台进行排序时sortable="custom",需要监听排序点击事件,会返回当前的prop和order -->@sort-change="changeSort" <!--default-sort指定的默认排序,默认用date这一列排序,排序为升序,默认的排序也是升序 -->:default-sort="{prop: 'date', order: 'ascending'}"border> <el-table-column prop="dat...
查找了很久的问题,发现应该是因为排序的值是一个对象中的值 利用下面的方法之后,排序正常 sortByDate(obj1, obj2) { // 自定义排序方式 let val1 = obj1.indicator1.value let val2 = obj2.indicator1.value return val1 - val2 }, 但是这个方法引入的参数是element官方固定的,第一张图可以看出来我的...
el-table的default-sort可以设置默认的排序方式 el-table-column的sort-method和sort-by属性可以自定义排序规则 如果sortable属性被设置为custom,就可以在排序时,触发sort-change事件,在事件回调中可以获取当前排序字段名和排序顺序 文档中与表格排序相关的属性、方法如下: Table属性 default-sort 指定默认排列顺序,接收一...
利用下面的方法之后,排序正常 sortByDate(obj1, obj2) {// 自定义排序方式letval1 = obj1.indicator1.valueletval2 = obj2.indicator1.valuereturnval1 - val2 }, 但是这个方法引入的参数是element官方固定的,第一张图可以看出来我的列是动态生成的,也就是说 ...
现在我要进入页面就默认把申请时间按升序排列 应该怎么办?求教 <el-table-column prop="applyDate" label="申请日期" width="90" sortable> <template slot-scope="scope"> {{ formatDate(scope.row.applyDate) }} </template> </el-table-column> ...
2.js //排序getSortChange(column){if(column.order==='descending'){this.orderByColumn=column.prop;this.isAsc='desc'}else{this.orderByColumn=column.prop;this.isAsc='asc'}this.list()},
默认排序 默认情况下,当表格加载完数据后,第一次点击表头某一列时,会按照该列的升序进行排序。再次点击该列时,会按照该列的降序进行排序。 指定排序字段 如果想指定某一列按照特定字段进行排序,可以使用sort-by属性。例如: <el-table-column prop="name" label="姓名" sortable :sort-by="['name', 'age']...