javascript - angularjs ui-grid 将列高度更改为自动会导致奇怪的行显示在其他列上

标签 javascript angularjs css angular-ui-grid

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

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

我想让其他栏目背景全白,请问如何解决?

enter image description here

最佳答案

您可能需要更改 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;
}

关于javascript - angularjs ui-grid 将列高度更改为自动会导致奇怪的行显示在其他列上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37306417/

相关文章:

javascript - 如何使用Javascript过滤方法返回多个结果?

javascript - 在 html 中嵌入本地 asciinema 文件

javascript - Angular 模块不可用,即使它已定义

angularjs - 为什么 204(无内容)的 POST 响应会触发 Angularjs 错误功能?

css - 按钮悬停图像在 CSS 中不起作用

javascript - 基于字符串值的嵌套分组 Angular 6

javascript - React-native:InputText 事件触发 TouchableHighlight onPress() 事件

javascript - 如何打开 POST 生成的 CSV 文件

css - 如何使我的字体大小响应?

css - 引导页脚