:default-sort="{prop: 'name', order: 'ascending'}"只能第一列排序吗?
时间: 2024-04-12 09:30:14 浏览: 154
是的,`:default-sort`属性只能应用于第一列排序。如果您希望其他列也具有默认排序功能,可以使用`sort-default-prop`和`sort-default-order`属性来设置。
下面是一个示例,展示了如何为不同列设置默认排序:
```html
<template>
<div>
<el-table :data="tableData">
<el-table-column prop="name" label="姓名" sortable :sort-default-prop="'name'" :sort-default-order="'ascending'"></el-table-column>
<el-table-column prop="age" label="年龄" sortable :sort-default-prop="'age'" :sort-default-order="'descending'"></el-table-column>
<el-table-column prop="address" label="地址" sortable :sort-default-prop="'address'" :sort-default-order="'ascending'"></el-table-column>
</el-table>
</div>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 18, address: '北京' },
{ name: '李四', age: 22, address: '上海' },
{ name: '王五', age: 25, address: '广州' },
{ name: '赵六', age: 20, address: '深圳' },
],
};
},
};
</script>
```
在上面的例子中,我们在每一列的`<el-table-column>`标签中使用了`sort-default-prop`和`sort-default-order`属性来设置不同列的默认排序属性。这样,每一列都可以具有默认排序功能。
请注意,当用户点击表头时,仍然会改变排序顺序。`sort-default-prop`和`sort-default-order`只是设置默认排序时的初始状态。
希望这个例子对您有所帮助!如果您还有其他问题,请随时提问。
阅读全文