How can I change the cell color conditionally using the PrimeReact TreeTable?

[Rafael-Dutra-create]

I have a node that is structured in this way:

export const NodeService = {
    getTreeTableNodesData(data: any[]) {
        return data?.map((item, index) => ({
            key: index, // Utiliza a chave do grupo como a chave do nó
            data: {
                grupamento: item.data.grupamento,
                tipo_exame: item.data.tipo_exame
            },
            children: item.children.map((child:any, childIndex:any) => ({
                key: `${index}-${childIndex}`, // Utiliza a chave do filho como a chave do nó
                data: {
                    analito: child.data.analito,
                    modulo_ensaio: child.data.modulo_ensaio,
                    participantes: child.data.participantes,
                    adeq: `${child.data.adeq} %`, // Adiciona o símbolo de porcentagem
                    percentual_min: child.data.percentual_min
                },
            })),
        }));
    },
    getTreeTableNodes(data: any[]) {
        return Promise.resolve(this.getTreeTableNodesData(data));
    },
};

I want to change the cell color of the ‘adeq’ column to red if it is less than ‘percentual_min’ and blue if it is greater:

 useEffect(() => {
        NodeService.getTreeTableNodes(props.data).then((data) => setNodes(data));
    }, [props.data]);

    useEffect(() => {
        setLoading(props.loading);
    }, [props.loading]);

    const handleModCertClick = (rowData: any) => {
        if (!filtro || rowData.grupamento !== props.query.modCert) {
            props.setModCert(rowData.grupamento);
            setFiltro(!filtro);
        } else {
            props.setModCert('');
            setFiltro(false);
        }
    };

 const rowClass = (e: any) => {        
        if (filtro) {
            return {
                'brightness-[0.85]': e.grupamento === props.query.modCert,
                'brightness-100': e.grupamento !== props.query.modCert
            };
        }
        return {}
        
    };



<TreeTable
                        value={nodes}
                        loading={loading}
                        style={'aria-current' ? { color: colorTitles } : {}}
                        onRowClick={(e) => {
                            if (e.node && e.node.children) {
                                handleModCertClick(e.node.data);
                            }
                        }}
                        rowClassName={(e:any) => rowClass(e.data)}                        
                        className={style.examdatatable}    
                        paginator
                        rows={10}
                        
                    >
                        <Column field="grupamento" header="Grupamento" expander sortable className="cursor-pointer flex"></Column>
                        <Column field="analito" header="Analito"  sortable></Column>
                        <Column field="modulo_ensaio" header="Módulo/Ensaio" sortable></Column> 
                        <Column field="participantes" header="Participantes" sortable></Column>   
                        <Column field="adeq" header="Adequação" sortable ></Column>
                    </TreeTable>

I don’t see any way to put this condition in the style or classname using TreeTable.

[JL45312]

this is wholly dependent on whether you can access the id of the node

I cannot verify at the moment but if you have access to the node of the row, you can use the body prop for columns. If you have the key then in the body method, you can find it in the nodes array that you have, do the conditional check and then return something like