el-table 设置fixed导致行错乱问题

el-table 左右有列固定时,fixed为left和right时,行未对齐解决办法
* 产生原因: el-table底部有滚动条,固定列底部没有滚动条
* 解决办法: 在el-table的表格中设置padding-bottom的内边距跟滚动条等高

.el-table__body-wrapper {    
  &::-webkit-scrollbar { // 滚动条高 解决行未对齐      
      height: 18px;    
  } 
}
.el-table__fixed-body-wrapper .el-table__body {  
   padding-bottom: 18px; // 滚动条高度
}

 

你可能感兴趣的:(前端,vue.js,javascript)