先上效果图
通过el-table的属性添加不上图片,只能修改背景颜色:
<div class="tables">
<el-table
:data="tableDataList"
stripe
style="background: rgba(26, 60, 128, 0.8); cursor: pointer"
header-cell-style="{
background: '#1A3C80',
color: '#fff',
}"
height="26vh"
>
通过属性来设置背景图
::v-deep{
.tables .el-table th.is-leaf{
background-image: url('~@/assets/img/headerBg.png') !important;
padding: 0;
background-repeat: no-repeat;
background-size: 100% 100%;
}
}