element ui 表格重命名
时间: 2023-09-29 11:04:18 浏览: 172
要重命名 Element UI 表格的列名,你可以使用表格组件的 `header-label` 属性。这个属性允许你自定义表格列的显示名称。
下面是一个示例,展示了如何使用 `header-label` 属性来重命名表格的列名:
```html
<template>
<el-table :data="tableData">
<el-table-column prop="name" header-label="姓名"></el-table-column>
<el-table-column prop="age" header-label="年龄"></el-table-column>
<el-table-column prop="email" header-label="邮箱"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 20, email: 'zhangsan@example.com' },
{ name: '李四', age: 25, email: 'lisi@example.com' },
{ name: '王五', age: 30, email: 'wangwu@example.com' },
],
};
},
};
</script>
```
在上面的示例中,我们使用 `header-label` 属性来为每列指定显示名称。这样,表格中的列名就会被重命名为我们指定的名称。
你可以根据需要修改示例中的属性和数据来适应你的实际情况。希望可以帮到你!
阅读全文