vue element表格的树形嵌套对不齐的问题

在咱们element 上面产品提了一个这个的需求就是 

 

本来就是2级菜单,看着跟3级菜单上

 

vue element表格的树形嵌套对不齐的问题

 

解决方案:

css

 .el-table__row.expanded{

   td:first-child{

     padding-left: 20px;

   }

 }

 .el-table__row--level-0{

    td:first-child{

      padding-left: 0px !important;

   }

 }

 .el-table__row--level-1{

   td:first-child{

      padding-left: 10px !important;

   }

 }

解决后的效果:

vue element表格的树形嵌套对不齐的问题

是舒服多了。咯~~