当前位置:   article > 正文

全局和局部修改el-table表头和内容颜色_el-table表头背景色全局设置

el-table表头背景色全局设置

在项目中,我们有时候需要修改el-table的表头和内容颜色,有时候是需要全局去修改,有时候啧需要修改局部的,话不多说,上代码

  1. /* 全局修改el-table 表头和内容颜色 header color content color */
  2. .el-table th {
  3. background: #F6F9FC !important;
  4. .cell{
  5. font-weight: 400;
  6. color: #82909F !important;
  7. }
  8. }

局部代码

  1. <el-table :data="tableData" header-cell-style="background-color: #F6F9FC; color: #82909F">
  2. <el-table-column label="1" fixed />
  3. <el-table-column label="2序列号"/>
  4. <el-table-column label="3名称" />
  5. <el-table-column label="4" fixed="right" />
  6. </el-table>

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/113757
推荐阅读
相关标签
  

闽ICP备14008679号