自定义element-ui的table表格头header字体颜色及背景色

惢雨

于 2020-07-08 15:41:37 发布

阅读量2k

点赞数 6

分类专栏：前端文章标签： vue.js

本文链接：https://blog.csdn.net/qq_45031191/article/details/107207304

版权

前端专栏收录该内容

7 篇文章

订阅专栏

<el-table
      v-loading="listLoading"
      :data="list"
      element-loading-text="正在查询中。。。"
      border
      fit
      highlight-current-row
      stripe
      :header-cell-style="tableHeaderColor" //加入这行
    >

methods: {
// 修改table header的背景色
    tableHeaderColor(row) {
      if (row.column.label === 'label名称') {
        return 'background-color: #eff7ff;color:#ff0000';
      } else {
        return 'background-color: #eff7ff'
      }
    }
  }