Element table 的padding失效

Question

咨询各位朋友，用Element table做的表格，表头留空解决不了（我想将表头的留空尽量缩小），下记是我的el-table和 style代码块，
里边的padding：0一直是失效的，请问这是什么原因？

这是完整的代码:

<template>
<div id="BiaoGeA">
  <div class="biaogeA-title">出货</div>
  
  <!-- <div>{{R_qita_count}}</div> -->
  <el-table
    :cell-style="{padding:0,borderColor:'white'}"
    style="font-size:25px;width: 100%; border:2px solid; border-color: white;background: transparent"   
    :row-style="{height:0+'55px',}" 
    :data="tableData"
    border>

    <el-table-column
      align="center"
      prop="jitaihao"
      label="客户"
      width="165">
    </el-table-column>


      <el-table-column
      prop="pinfan1"
      align="center"
      label="订单号"
      width="270">
    </el-table-column>
    <el-table-column
      prop="jihua1"
      align="center"
      label="收货状态"
      width="165">
    </el-table-column>
    <el-table-column
      prop="shiji"
      align="center"
      label="入库状态"
      width="165">
    </el-table-column>
    <el-table-column
      prop="wanchenglv"
      align="center"
      label="状态"
      width="165">
    </el-table-column>

  </el-table>
  </div>
</template>

<script>

// import * as echarts from 'echarts'
// import 'echarts-gl'

export default {
  name: 'BiaoGeA',
 //
  methods: {




  },

  created() {
        // setInterval(this.test, 10000);

      },

  data () {
    return {



      tableData: [{
        jitaihao: '甲甲',
        pinfan1: '770/780',
        jihua1:'3000',
        shiji:'2000',
        wanchenglv:'67%',
        pinfan2:'250/260',
        jihua2:'30000',

      }, {
        jitaihao: '乙乙',
        pinfan1: 'FC258-M1',
        jihua1:'6000',
        shiji:'3000',
        wanchenglv:'50%',
        pinfan2:'40110',
        jihua2:'80000',


      },{
        jitaihao: '丙丙',
        pinfan1: '09线轮',
        jihua1:'40000',
        shiji:'3000',
        wanchenglv:'8%',
        pinfan2:'计划停止',
        jihua2:'——',


      },{
        jitaihao: '丁丁',
        pinfan1: 'X7V11',
        jihua1:'80000',
        shiji:'6000',
        wanchenglv:'8%',
        pinfan2:'6218/19',
        jihua2:'80000',


      },{
        jitaihao: '戊戊',
        pinfan1: 'X7V14',
        jihua1:'50000',
        shiji:'10000',
        wanchenglv:'20%',
        pinfan2:'6238',
        jihua2:'20000',


      },]
    }
  }

}


</script>

<style lang="less">




#BiaoGeA {


  background-color: transparent;


.biaogeA-title {
    // height: 50px;
    font-weight: bold;
    text-indent: 2px;
    font-size: 60px;
    // margin-bottom: 10px;
    // display: flex;
    // align-items: center;
    // color:rgb(255, 255, 255);
    border:2px solid white;
    border-bottom:0px ;
    text-align:center
    
    
  }



  .el-table,
  .el-table__expanded-cell {
            background-color: transparent !important;
            color:white;
            padding-top: 0!important;
            padding-bottom: 0!important;                            
        } 

               
  .el-table th,
  .el-table tr,
  .el-table td {
            background-color: transparent !important;
            padding-top: 0 !important;
            padding-bottom: 0!important;
        } 


.el-table__header th {
  margin-top: -10px;
  margin-bottom: -10px;
}

.el-table__header tr,
.el-table__header th {

overflow:hidden;
text-overflow: ellipsis;
margin-top: -10px;
margin-bottom: -10px;
  height: 80px;
  font-size:150%;

}
      



}
 </style>

Answer 1

不是padding影响的
不是padding影响的
不是padding影响的
原因是element的table组件都是以cell为单元的，cell本身有默认样式，

行高为23px，cell本身不设高度，也就是说，cell行高的本身就是高度，多余的部分overflow hidden了，被隐藏了。
看上去特别像有padding，其实不是。
解决办法是设置行高
请答主看我设置后的效果：

贴出修改后的vue

<template>
    <div id="BiaoGeA">
        <div class="biaogeA-title">出货</div>
        <div> </div>
        <!-- <div>{{R_qita_count}}</div> -->
        <el-table :cell-style="{padding:0+'px',borderColor:'white'}" style="font-size:25px;width: 100%; border:2px solid; border-color: white;background: transparent" :data="tableData" border>

            //:header-row-style="{background:'none',color:'white',borderColor:'white',fontSize: '11px',height:'60px'}" 表头样式设置 //:style="font-size: 18px;width: 100%; border:2px solid; border-color: white;background: transparent;" 表格内容样式设置 //:row-style="{height:'40px'}" 表格内容单元格高度 //:header-row-style="{background:'none',color:'white',borderColor:'white',fontSize: '35px',height:'90px',padding:0+'px'}" //:header-row-style="{background:'none',color:'white',borderColor:'white',fontSize: '35px',height:'90px',padding:0+'px'}" //row-class-name="rowA" //:row-style="{height:0+'55px',}"

            <el-table-column align="center" prop="jitaihao" label="客户" width="200">
            </el-table-column>

            <el-table-column prop="pinfan1" align="center" label="订单号" width="270">
            </el-table-column>
            <el-table-column prop="jihua1" align="center" label="收货状态" width="360">
            </el-table-column>
            <el-table-column prop="shiji" align="center" label="入库状态" width="360">
            </el-table-column>
            <el-table-column prop="wanchenglv" align="center" label="状态" width="200">
            </el-table-column>

        </el-table>
    </div>
</template>
 
<script>

// import * as echarts from 'echarts'
// import 'echarts-gl'

export default {
    name: 'BiaoGeA',
    //
    methods: {




    },

    created () {
        // setInterval(this.test, 10000);

    },

    data () {
        return {



            tableData: [{
                jitaihao: '甲甲',
                pinfan1: '770/780',
                jihua1: '3000',
                shiji: '2000',
                wanchenglv: '67%',
                pinfan2: '250/260',
                jihua2: '30000',

            }, {
                jitaihao: '乙乙',
                pinfan1: 'FC258-M1',
                jihua1: '6000',
                shiji: '3000',
                wanchenglv: '50%',
                pinfan2: '40110',
                jihua2: '80000',


            }, {
                jitaihao: '丙丙',
                pinfan1: '09线轮',
                jihua1: '40000',
                shiji: '3000',
                wanchenglv: '8%',
                pinfan2: '计划停止',
                jihua2: '——',


            }, {
                jitaihao: '丁丁',
                pinfan1: 'X7V11',
                jihua1: '80000',
                shiji: '6000',
                wanchenglv: '8%',
                pinfan2: '6218/19',
                jihua2: '80000',


            }, {
                jitaihao: '戊戊',
                pinfan1: 'X7V14',
                jihua1: '50000',
                shiji: '10000',
                wanchenglv: '20%',
                pinfan2: '6238',
                jihua2: '20000',


            },]
        }
    }

}




</script>
 
<style lang="scss">
#BiaoGeA {
  background-color: transparent;

  .biaogeA-title {
    // height: 50px;
    font-weight: bold;
    text-indent: 2px;
    font-size: 60px;
    // margin-bottom: 10px;
    // display: flex;
    // align-items: center;
    // color:rgb(255, 255, 255);
    border: 2px solid white;
    border-bottom: 0px;
    text-align: center;
  }

  .el-table,
  .el-table__expanded-cell {
    background-color: transparent !important;
    color: white;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .el-table th,
  .el-table tr,
  .el-table td {
    background-color: transparent !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .el-table__header tr,
  .el-table__header th {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 80px;
    font-size: 130%;
  }
  .el-table th .cell {
    line-height: 80px;
    font-size: 80px;
  }
}
</style>

您的采纳就是我最大的动力