el-table fixed 列固定在右侧,行高度错开问题

171 阅读1分钟

fixed 列是否固定在左侧或者右侧,true 表示固定在左侧

   <el-table-column slot="handle" label="操作" width="270px" fixed="right" align="center"> 

设置了fixed将操作列固定在末尾后出现行高度不对齐的情况如下图 3f776e2c8ab3bc2627d73ef65fdad1a.png

添加以下css样式即可
::v-deep .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  padding: 0 !important;
}
高度不够添加以下css
::v-deep .el-table__fixed-right {
  height: 485px !important;
}

image.png

全屏时正常显示

image.png

小屏时正常显示

image.png