关于在vue2中el-table表头添加图片

又写了一天BUG

已于 2024-08-03 09:10:24 修改

阅读量300

点赞数 3

文章标签： vue.js 前端 javascript

于 2024-08-02 10:45:13 首次发布

本文链接：https://blog.csdn.net/I_Allen_Liu/article/details/140866284

版权

先上效果图

通过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%;
  }
}