angularjs ui-grid将列高改为auto会导致奇怪的行显示在其他列上

Question

我有一个列，我想动态更改高度但是一旦我改变了高度，你可以在图像中看到另一列的高度相应调整，但它们的背景列现在是棕色。

我改变了这个css类的高度 .ui-grid-cell{height:auto}

我希望其他列的背景是完全白色的，如何解决这个问题？

Answer 1

您可能想要在ui-grid.css

中更改以下内容

   .cellheight .ui-grid-row {
    display: table-row;
    height: auto !important;
}
.cellheight .ui-grid-cell {
    display: table-cell;
    height: auto !important;
    vertical-align: middle;
    float: none;
}
.cellheight .ui-grid-cell-contents {
    height: auto !important;
}