ua_boaz ua_boaz - 2 years ago 158
CSS Question

angularjs ui-grid changing column height to auto causes weird line to show up on other columns

i have a column that i want to dynamically change the height but once i change the height you can see in the image the other column's height gets adjusted accordingly but their background column is brown now.

i changed the height of this css class


i want the background of other columns to be complely white, how can this be fixed?

enter image description here

Answer Source

You may want to change the following in 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;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download