CODEWITHSUNDEEP
cssangular-ui-grid
Michael JDI
Michael JDI

Reputation: 1251

UI_GRID Expandable Grid Change Row Colors

How do I change the row colors for an expandable grid?

I am using this for the Main grid, which works great.

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #E3E3E3; !important;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #FFF; !important;
}

But this is not being picked up by the subgrid.

Thanks

Upvotes: 1

Views: 805

Answers (1)

Michael JDI
Michael JDI

Reputation: 1251

Found this while digging around.
Fixed my issue.

  .expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
   background-color: #E3E3E3;
 }

 .expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
   background-color: #FFF;
 }

Upvotes: 2

Related Questions