elementui表格字体居中
时间: 2023-09-03 15:09:37 浏览: 109
Q-文字表格居中.lsp
要将 Element UI 表格中的字体居中,你可以使用 `header-align` 和 `align` 属性。`header-align` 用于设置表头的对齐方式,`align` 用于设置单元格的对齐方式。
下面是一个示例:
```html
<template>
<el-table :data="tableData">
<el-table-column prop="name" label="姓名" header-align="center" align="center"></el-table-column>
<el-table-column prop="age" label="年龄" header-align="center" align="center"></el-table-column>
<el-table-column prop="gender" label="性别" header-align="center" align="center"></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 20, gender: '男' },
{ name: '李四', age: 25, gender: '女' },
{ name: '王五', age: 30, gender: '男' }
]
};
}
};
</script>
```
在上面的示例中,`header-align="center"` 用于将表头文字居中对齐,`align="center"` 用于将单元格文字居中对齐。你可以根据需要修改列的属性和对齐方式。
阅读全文