在表格的列定义中,给需要排序的列添加sortable属性,如下所示:
<el-table :data="tableData" style="width: 100%" :sort-by.sync="sortKey"
:sort-orders="['ascending', 'descending']">
<el-table-column prop="name" label="姓名" sortable></el-table-column>
<el-table-column prop="age" label="年龄" sortable></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
data() {
return {
tableData: [
{ name: '张三', age: 18, address: '北京' },
{ name: '李四', age: 20, address: '上海' },
{ name: '王五', age: 22, address: '广州' }
],
sortKey: ''
};
}