Vue修改element-admin UI ＜el-table＞ tr 表-子项的高度 及背景颜色

先看效果图-表头背景颜色高度  自定义

   <!--   表头样式   颜色及高度          表格数据-->
    <el-table :data="tableData" style="width: 100%" 
     :header-cell-style="{ background: '#74E77F',padding: '0',borderTop: '1px solid #eaeaea',fontSize:'12px',color:'#808080'}"
      :header-row-style="{height:'36px'}"
 
 
      :row-style="{height:'37px',fontSize:'12px', background: '#17B3A3'}">  
 <!--  在这里  👆表的  每个子项  颜色及高度  且必须加下面  样式代码--去掉默认样式用的>
 
 
 
   
               <!--   忽略-->
              <el-table-column type="selection" width="55">
              </el-table-column>
               <el-table-column prop="empName" label="用户名称">
               </el-table-column>
 
 
</el-table>

样式代码-----别想着加  !important    我也试了不行

如果style 用了  ：<style lang="scss">

/* 注意此处不能有scoped 否则样式无法生效 */          

那么去掉 ::v-deep 即可正常使用

::v-deep.el-table--medium .el-table__cell {
    padding: 0px 0;
}