element ui 如何在table表格中修改排序
时间: 2023-01-11 10:55:36 浏览: 350
element-ui table行点击获取行索引(index)并利用索引更换行顺序
你可以在 `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>
```
这样,只有名字列可以使用默认的排序方式进行排序,而年龄列只能使用自定义的排序方式进行排序。
阅读全文