el-table表头文字居中
时间: 2023-08-08 16:04:30 浏览: 2653
vue el-table实现自定义表头
要让 `el-table` 表头文字居中,可以通过设置 `header-align` 属性来实现。具体的实现方法如下:
```html
<el-table :data="tableData" header-row-style="text-align:center" header-align="center">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="gender" label="性别"></el-table-column>
</el-table>
```
其中,`header-align` 属性可以设置表头文字的水平对齐方式,这里设置为 `center` 即可让表头文字居中。同时,为了让表头样式更好看,还可以设置 `header-row-style` 属性来调整表头行的样式,这里通过设置 `text-align:center` 来让表头文字居中。
阅读全文