ui-grid-draggable-rows
ui-grid-draggable-rows copied to clipboard
ui-grid row selection visualization problem
Hi Szymon, One other issue I found has to do with row selection. I have this grid option enabled:
enableRowHeaderSelection: true
And when the ui-grid-draggable-rows plugin is used with its custom rowTemplate, my row selects activate row header checkboxes, but the row background color does not change as it normally should to a light green. Alex
+1
I added these css and set gridOptions.rowTemplate
.
.ui-grid-row-selected {
background-color: #c9dde1 !important;
}
rowTemplate:
`<div grid="grid" class="ui-grid-draggable-row" draggable="true">
<div ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.uid" class="ui-grid-cell" ng-class="{ 'ui-grid-row-header-cell': col.isRowHeader, 'custom': true, 'ui-grid-row-selected': row.isSelected }" ui-grid-cell></div>
</div>`
ng-class=" { 'ui-grid-row-selected': row.isSelected }"
is important.