el-form + el-table 插槽单元格垂直居中如何实现

问题遇到的现象和发生背景

el-form + el-table 插槽内部时input的时候,因为有验证,所有单元格没有居中。

我的解答思路和尝试过的方法

给单元格设置行高 没有用

我想要达到的结果

插槽的单元格垂直居中

img


.el-table .el-table__header-wrapper .cell{
  line-height: 30px;
}
.el-table .el-table__body-wrapper .cell{
  line-height: 15px;
}
.el-form-item--small.el-form-item {
    margin: 0;
}
.el-table--mini .el-table__cell {
    padding: 2px 0;
}
.el-form-item__error{
  position: relative;
}

你在你的css 中添加这段css 就可以解决

::v-deep .el-form-item{
margin-bottom:0
}

你的验证提示词按道理是用绝对定位去处理的,绝对定位不影响你input的位置

可能是因为 el-input 预留了错误信息的位置吧

请看👉 :el-form包含中el-table的表单验证