CSS do flexmonster

Tenho este CSS do flexmonster, que roda em uma grade.

#fm-pivot-view #fm-grid-view div[data-c="0"][data-r="1"] {
   background-color: #548A5A !important;
   font-weight: bold !important;
}

Sendo que o data-r é a linha.

Eu posso ter que usar este css em outras linhas. Como fazer este procedimento sem ter que criar css dinamicamente ?

Qual é a melhor forma ?

Passa a linha como parametro de uma função JS e lá voce seta o CSS apenas para a linha que quiser

Pelo que entendi seria no [data-r=“variavel”].

Estou trabalhando com react. A função está assim:

const customizeCellGusaPrincipal = (cell: any, data: any) => {

};

Embaixo as imagens como cada parametro chega no react:

cell
cell

data
data

Como passar para o CSS do react ?

Alguma solução ?