Material Datagrid row background-color change Issue

Radzen.Blazor Components
1

Hello,

I have changed my datagrid from a bootstrap to a material style. However, my RowRender is no longer working.
Here's how I had in bootstrap:

     <style>
      .row-highlight {
        background-color: yellow !important;
      }
     </style>

    int rowCount = 0;
    private void OnRowRender(RowRenderEventArgs<MyTable> args)
    {
        args.Attributes.Add("class", $"{(args.Data.MyData?.ToLower() == "y" ? "row-highlight" : rowCounter % 2 == 0 ? "rz-datatable-even" : "rz-datatable-odd")}");
        rowCounter += 1;
    }

This code worked just fine. I understand that they classes for the material datagrid are different. Therefore, I've changed them appropriately, like the code below:

    private void OnRowRender(RowRenderEventArgs<MyTable> args)
    {
        args.Attributes.Add("class", $"{(args.Data.MyData?.ToLower() == "y" ? "row-highlight" : rowCounter % 2 == 0 ? "rz-grid-table-striped tbody > tr:not(rz-expanded-row-content):nth-child(even) > td {background-color: var(--rz-grid-stripe-background-color);}" : "rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td {background-color: var(--rz-grid-background-color);}")}");
        rowCounter += 1;
    }

This code is not working as it never gets to apply the "row-highlight" class overriding the original one.

These new classes did not existed until a version or two ago:
rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td {
rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td {

These are not being override by the tr class.
Is there anything else I can do to get this going?
Thank you!

2

I've actually figured this out. I just had to add the "td" to that same class:

  <style>
     .row-highlight, .row-highlight td {
      background-color: yellow !important;
  }
 </style>

Hopefully it can help someone else going forward.