大家好，又见面了，我是你们的朋友全栈君。
博主在使用elementui中的el-table时感觉默认表格样式实在过于简洁，尤其表头与表格内容之间区别较小，不利于辨认，降低了用户体验。如图所示：
于是，博主尝试更改一下表头的背景颜色和字体颜色，方法如下：
根据elementui官网的说法，header-cell-style是表头单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。
这里尝试在el-table里使用 header-cell-style属性
代码如下：
<el-table :header-cell-style="{
background:'#eef1f6',color:'#606266'}">
...
</el-table>
更改后的表头如图所示：
怎么样，是不是感觉美观了很多呢！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/151597.html原文链接：https://javaforall.net
