el-table-column文字居中
时间: 2023-04-07 09:03:16 浏览: 132
可以通过设置 el-table-column 的属性 align 来实现文字居中,例如:
<el-table-column prop="name" label="姓名" align="center"></el-table-column>
相关问题
<el-table-column文字居中
<el-table-column>元素可以通过在其上添加align='center'属性来使表格列中的文本居中。例如:<el-table-column label="姓名" prop="realname" align="center"></el-table-column>。这样做可以确保该列中的文本内容在水平方向上居中对齐。
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>
```