el-table表头文字居中对齐
时间: 2024-11-28 14:21:23 浏览: 3
vue el-table实现自定义表头
在Element UI的el-table组件中,如果你想让表头的文字内容水平居中显示,你可以通过设置`cell-style`属性来实现。这个属性接受一个函数,你在函数内部可以操作单元格的样式。例如:
```html
<template>
<el-table
:data="tableData"
style="width: 100%"
>
<el-table-column
prop="name"
label="姓名"
cell-style="text-align: center;"
></el-table-column>
<!-- 其他列... -->
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 25 },
{ name: '李四', age: 30 },
// ...
]
};
}
};
</script>
```
这里的`text-align: center;`会将`name`列的文本内容居中对齐。
阅读全文