UI Grid Checkbox column not in synch with row.

enter image description here

To achieve word-wrap in grid I implemented below css but i see my checkbox is off from the remaining part of row. Row height would be dynamic. Refer above screenshot.

.ui-grid-viewport .ui-grid-cell-contents {word-wrap: break-word;white-space: normal !important;}

.ui-grid-row, .ui-grid-cell {height: auto !important;}

.ui-grid-row div[role=row] {display: flex ;align-content: stretch;}

Please advise. I will put plunker soon. But before that if someone can give any tip.

Source: AngularJS

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.