element ui里给table添加class类名并添加样式去掉某一列的padding

element ui里给table添加class类名并添加样式

解决方案

<!-- 给某个td里面添加类名:cell-class-name -->
<el-table
    :data="dataList"
    size="mini"
    border
    @selection-change="selectionChangeHandle"
    :cell-class-name="goodsInfo"
>
</el-table>

goodsInfo(row){
    if (row.columnIndex == 1) {
       return 'goodsInfo'//给第2个td里面添加goodsInfo的类名
    }
}

<style>
/* 不能写scoped,否侧会不生效 */
/* 这个样式是去掉第二列的padding */
  .goodsInfo {
    padding: 0!important;
  }
  .goodsInfo .cell {
    padding: 0;
    overflow: unset;
  }
</style>

去padding也是为了能在中间写样式，但是有的会有间隙，然后发现是padding的原因，最后终于找到原因，是我的交易状态盒子高度问题影响了我这个盒子，可以给当前订单信息盒子一个高度或者修改交易状态里面盒子给一个高度