【element ui 表头垂直居中】求表格内容可以垂直居中，但表头无法垂直居中的解决办法

用过的方法

 :header-cell-style="{ 'text-align': 'center' }"

:align="center"

:header-align="center"

想要军政上下居中显示

<el-table-column prop="examTime" label="考试时间" width="210" show-overflow-tooltip align="center" />

你可以将对表头设置行高，设置行高等于表头的高度，文本就会垂直居中了。

也就是：:header-cell-style="{ 'lineHeight': '100px' }"

这个100px就是你表格表头的高度。

css属性带有中划线的应改写为小驼峰命名法。

所以你的

 :header-cell-style="{ 'text-align': 'center' }" 正确写法应该是  :header-cell-style="{ 'textAlign': 'center' }"

:align="center" 的正确写法应该是 :align="'center'"

:header-align="center" 的正确写法应该是 :header-align="'center'"

header-align  是控制表头的 居中方式，如果不设置 会默认采用align 居中方式，align 设置的是表格内容居中方式，你要求表头不居中，header-align 就不能是center，你去element ui  table 组件下面API  有对这2个字段的说明

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632