elementui 如何设置table表格的列设置的默认显示字段
时间: 2024-04-10 19:34:23 浏览: 107
在 Element UI 的 table 组件中,您可以使用 `default-sort` 属性来设置表格列的默认显示字段。下面是一个示例代码,说明如何设置默认显示字段:
```html
<template>
<el-table
:data="tableData"
:default-sort="{ prop: 'columnName', order: 'ascending' }"
>
<el-table-column
prop="columnName"
label="Column Name"
></el-table-column>
<!-- 其他列... -->
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ columnName: 'Value 1' },
{ columnName: 'Value 2' },
// 其他数据...
]
};
}
};
</script>
```
在上述示例中,我们将 `:default-sort` 属性绑定到一个对象,其中 `prop` 属性表示要排序的列字段名,`order` 属性表示排序的顺序(可以是 `'ascending'` 或 `'descending'`)。您可以根据需要修改这些值来设置默认显示字段和排序顺序。
请注意,为了使默认排序生效,您需要确保 `tableData` 数组中的数据按照默认排序字段的顺序进行了排序。
阅读全文