你可以在 el-table
组件中使用 sort-by
属性来指定排序的字段,并使用 sort-orders
属性来指定排序的方式。
例如:
<el-table
:data="tableData"
sort-by="name"
sort-orders="descending"
>
<el-table-column
prop="name"
label="Name"
></el-table-column>
</el-table>
这将会按照名字的降序对表格进行排序。
注意,你还可以在 el-table-column
组件中使用 sortable
属性来控制该列是否可以排序。
例如:
<el-table
:data="tableData"
sort-by="name"
sort-orders="descending"
>
<el-table-column
prop="name"
label="Name"
sortable
></el-table-column>
<el-table-column
prop="age"
label="Age"
sortable="custom"
></el-table-column>
</el-table>
这样,只有名字列可以使用默认的排序方式进行排序,而年龄列只能使用自定义的排序方式进行排序。