UI_GRID Expandable Grid Change Row Colors

802 views Asked by At

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

1

There are 1 answers

0
Michael JDI On BEST ANSWER

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