el-table-column内容居中
时间: 2023-04-26 17:04:21 浏览: 115
要使el-table-column中的内容居中,可以使用以下CSS样式:
```
<el-table-column prop="name" label="姓名" align="center"></el-table-column>
```
其中,align属性设置为center即可将内容居中。
相关问题
el-table-column 居中
要让 el-table-column 居中,可以在该列的 slot-scope 中使用 <div> 标签,并设置其样式为 text-align: center。
示例代码如下:
```
<el-table-column prop="name" label="姓名">
<template slot-scope="scope">
<div style="text-align: center">{{ scope.row.name }}</div>
</template>
</el-table-column>
```
el-table-column表头居中
可以通过设置 el-table-column 的 label 属性来实现表头居中。具体做法是在 label 中使用 HTML 标签,如下所示:
```html
<el-table-column prop="name" label="<div style='text-align:center'>姓名</div>"></el-table-column>
```
其中,label 的值为一个包含居中样式的 div 标签。
阅读全文