el-table设置表格头部/内容居中

Ali_code

于 2021-08-11 15:10:48 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Ali_code/article/details/119607497

本文介绍了如何在前端开发中使用`<el-table>`组件，通过`header-cell-style`和`cell-style`属性实现表格头部和单元格内容的居中对齐。这有助于提升网页界面的视觉效果和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-table
 :data="orderList"
 border stripe 
:header-cell-style="{'text-align':'center'}" 
:cell-style="{'text-align':'center'}">

header-cell-style设置头部居中；cell-style设置单元格内容居中