CODEWITHSUNDEEP
javascriptangularjscssangular-ui-grid
josh_boaz
josh_boaz

Reputation: 2023

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 .ui-grid-cell{height:auto}

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

enter image description here

Upvotes: 1

Views: 1354

Answers (1)

Pratik Bhat
Pratik Bhat

Reputation: 7614

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;
}

Upvotes: 1

Related Questions