add an example of sort data by table (#1236)

This commit is contained in:
花裤衩 2018-10-23 17:04:25 +08:00 committed by GitHub
parent bf2629ffba
commit ec58373a52
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -24,8 +24,9 @@
border
fit
highlight-current-row
style="width: 100%;">
<el-table-column :label="$t('table.id')" align="center" width="65">
style="width: 100%;"
@sort-change="sortChange">
<el-table-column :label="$t('table.id')" prop="id" sortable="custom" align="center" width="65">
<template slot-scope="scope">
<span>{{ scope.row.id }}</span>
</template>
@ -233,6 +234,20 @@ export default {
})
row.status = status
},
sortChange(data) {
const { prop, order } = data
if (prop === 'id') {
this.sortByID(order)
}
},
sortByID(order) {
if (order === 'ascending') {
this.listQuery.sort = '+id'
} else {
this.listQuery.sort = '-id'
}
this.handleFilter()
},
resetTemp() {
this.temp = {
id: undefined,