el-table表头背景颜色怎么修改
时间: 2023-12-01 13:37:32 浏览: 481
要修改el-table表头的背景颜色,你可以使用header-cell-style属性来设置。具体的方法是在el-table标签上添加属性:header-cell-style="{background:'#eef1f6'}"。这将把表头的背景颜色设置为#eef1f6。如果你还想修改字体颜色,可以在header-cell-style中添加color属性,例如:header-cell-style="{background:'#eef1f6',color:'#606266'}"。这将同时修改表头的背景颜色和字体颜色。
代码示例:
<el-table :header-cell-style="{background:'#eef1f6',color:'#606266'}">
...
</el-table>
如果你想进一步自定义表头的样式,你可以使用CSS样式来修改。在style标签中添加如下样式代码:
<style lang="scss">
.el-table th.el-table__cell {
background-color: #FFF;
background: cadetblue;
color: #000;
border: 1px solid rosybrown;
font-size: 20px;
text-align: center;
}
</style>
这样,你可以根据需要修改表头的背景颜色、字体颜色以及其他样式属性。
阅读全文
相关推荐
