Adding @kertal as a reviewer, mostly for feedback on the documentation/developer experience (https://eui.elastic.co/pr_5732/#/tabular-content/data-grid-style-display#grid-row-classes). Hopefully this won't turn out to be more of a hassle to use than setCellProps :)

jenkins test this

Preview documentation changes for this PR: https://eui.elastic.co/pr_5732/

sorry to bring this back up.. but this is not working on v93.1.1, now the rowclasses keep 'pilling up' (even the demo on the datagrid style & display - grid row classes)

class="euiDataGridRow euiDataGridRow--rowClassesDemo euiDataGridRow--rowClassesDemoSelected euiDataGridRow--rowClassesDemoSelected"

when you remove the selection it is not removing the classes, and adding the new one.. it's just pilling it up..

did something change on how to customize row background/colors?

@rbarszcz Please don't be sorry, thanks a million for catching this! You're totally right that this bug is happening. I've opened a new issue to track and fix the problem: #7548

i'm currently 'reseting' the row className before applying my styles, like so:

const rowClasses = useMemo(() => {
let rowClasses = {};
    data.forEach((r, i) => { 
      let row = document.querySelector(`[data-grid-row-index="${i}"]`);
      if (row !== null) row.className = 'euiDataGridRow';
      if (r.contratado) { rowClasses = { ...rowClasses, [i]: 'euiDataGridRow--rowStatusContratada' }; }
      else {
        if (selecionados.includes(i)) { rowClasses = { ...rowClasses, [i]: 'euiDataGridRow--rowStatusSelecionada' }; }
        else { rowClasses = { ...rowClasses, [i]: 'euiDataGridRow--rowStatusNormal' }; }
      }
    });
    return rowClasses;
  }, [selecionados]);

@rbarszcz After investigating this bug a bit more, it's actually incredibly specific to the classNames being used.

Until #7548 is merged and is released, if you rename your CSS class from .euiDataGridRow--rowStatusNormal to just .rowStatusNormal, .rowStatusContratada, .rowStatusSelecionada, etc., the problem should fix itself.