应该为降序descending排序,第二次点击排序时为升序ascending排序,但是在:sort-orders="[‘ascending’, ‘descending’]"的情况下,与预期相反,而我们又不能调整sort-orders为[‘descending’, ‘ascending’],这样虽然这种情况是好的,但是再点击别的列排序再回来点击日期列时就不对了。
1. prop为排序列,order为排列顺序 2. 多级对象属性,写法如 :default-sort="{prop:'baseInfo.time', order:'descending'}"
默认排序:通过default-sort实现加载时自动排序 点击表头排序-普通版:通过sortable实现,用户点击表头手动排序,但是只能是基本的升序和降序 点击表头排序-强化版:通过sortable+sort-method/sort-by,实现点击表头排序,但是是按自定义的方式 方法排序:通过sort方法进行手动排序,这种方案就可以将排序与表格之外的其它功能相关联...
一、实现方法 利用官网自带的方法clearSort实现 1 2 3 //清除表格排序的方法 重置排序changeSort() { this.$refs.testTable.clearSort();//testTable为el-table绑定的ref值 }, 二、效果图 页面默认数据 点击重置排序之后
查找了很久的问题,发现应该是因为排序的值是一个对象中的值 利用下面的方法之后,排序正常 sortByDate(obj1, obj2) { // 自定义排序方式 let val1 = obj1.indicator1.value let val2 = obj2.indicator1.value return val1 - val2 }, 但是这个方法引入的参数是element官方固定的,第一张图可以看出来我的...
利用下面的方法之后,排序正常 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']...