当前位置:   article > 正文

el-table样式修改不定时更新_el-table body 更新

el-table body 更新

斑马纹

  1. /* striped先开启斑马纹属性,这里是修改斑马纹颜色 */
  2. /deep/.el-table--striped .el-table__body tr.el-table__row--striped td {
  3.     background: #1e116d;
  4. }

 

表头
/*表头颜色定义 */

  1. <el-table :data="tableData" stripe :header-cell-style="{background: '#1e116d'}">
  2. .....
  3. </el-table>
  4. or
  5. header-cell-style="background: #E5ECFF;box-shadow:'0px 1px 0px 0px #EBEDF0;'"




 hover

  1. /deep/.el-table--enable-row-hover .el-table__body tr:hover>td {
  2.     background-color: #1e116d;
  3. }

hover渐变

  1. /deep/.el-table--enable-row-hover .el-table__body tr:hover {
  2. background: linear-gradient(90deg,rgba(46, 76, 201, .19), rgba(238,240,244,0) 150%);
  3. }
  4. /deep/.el-table--enable-row-hover .el-table__body tr:hover>td {
  5. background: transparent
  6. }

 

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

闽ICP备14008679号