elementui表格文本居中
时间: 2023-06-29 17:20:39 浏览: 114
html中对文本实现垂直居中的方法
要实现 ElementUI 表格中文本居中,可以通过设置表格列的 `align` 属性来实现。具体方法如下:
1. 在表格列中设置 `align` 属性为 `"center"`,表示文本居中对齐:
```javascript
<el-table-column prop="name" label="姓名" align="center"></el-table-column>
```
2. 如果需要对所有表格列设置文本居中,可以在 `el-table` 元素上使用 `cell-style` 属性:
```javascript
<el-table :data="tableData" :cell-style="{textAlign: 'center'}">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
```
在上述代码中,`cell-style` 属性设置了单元格样式,通过 `{textAlign: 'center'}` 将单元格文本居中对齐。这样设置后,所有表格列中的文本都会居中对齐。
阅读全文