vue设置el-table表格⽂字居中
表头⽔平居中
:header-cell-设置头部居中：
<el-table :data="tableData":header-cell- border >
<el-table-column prop="date" label="⽇期"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
效果如下：
表格内容⽔平居中
text align center
:cell-设置整个表格内容⽔平居中：
<el-table :data="tableData":header-cell-:cell- border > <el-table-column prop="date" label="⽇期"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
效果如下：
单个单元列内容居中：
单个表格的单元列内容居中：只需要在el-table-column上加上align="center"：
<el-table :data="tableData" border >
<el-table-column prop="date" label="⽇期"></el-table-column>
<el-table-column prop="name" label="姓名" align="center"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
效果如下：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。