Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ui-grid row selection visualization problem #10

Open
akurg opened this issue Jul 18, 2015 · 2 comments
Open

ui-grid row selection visualization problem #10

akurg opened this issue Jul 18, 2015 · 2 comments

Comments

@akurg
Copy link
Contributor

akurg commented Jul 18, 2015

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

@ghost
Copy link

ghost commented Nov 19, 2015

+1

@niusounds
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants