element ui中table文字居中
时间: 2023-09-23 17:10:12 浏览: 136
element ui table组件使用源码
4星 · 用户满意度95%
在Element UI的Table组件中,可以使用`<el-table-column>`标签的`align`属性来控制单元格中文字的对齐方式。要使文字居中对齐,可以将`align`属性设置为"center",示例如下:
```html
<template>
<el-table :data="tableData">
<el-table-column prop="name" label="姓名" align="center"></el-table-column>
<el-table-column prop="age" label="年龄" align="center"></el-table-column>
<!-- 其他列 -->
</el-table>
</template>
```
以上代码中,`align="center"`将会使表格中的文字居中对齐。你可以根据实际情况设置不同列的对齐方式。记得将`tableData`替换为你自己的数据源。
阅读全文