element表格排序
时间: 2023-07-27 17:10:17 浏览: 120
vue element table 表格请求后台排序的方法
要对 element 表格进行排序,可以使用 el-table 组件的 sort 属性来实现。sort 属性接受一个对象,该对象包含两个属性:prop 和 order。
prop 属性用于指定要排序的列名,order 属性用于指定排序方式,取值为 ascending(升序)或 descending(降序)。
以下是一个简单的示例代码:
```html
<template>
<el-table :data="tableData" :sort="sort">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="score" label="分数"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 20, score: 85 },
{ name: '李四', age: 22, score: 90 },
{ name: '王五', age: 18, score: 80 },
{ name: '赵六', age: 21, score: 95 },
],
sort: { prop: 'score', order: 'descending' },
};
},
};
</script>
```
以上代码实现了按照分数降序排序的功能。
阅读全文