Render entire row of a grid

[alfa19]

Hello,

i have a grid like this

| ID | Name | Gender |

i wanna color entire row of blue if Gender is M, of pink if gender is F. I have found how to color the single coloumn, but not the entire row.

Anyone can help me? Thanks a lot.

[mitchellsimoens]

After the grid rows have been rendered, I would iterate through the store and check the value. I would then add the class to the <tr> for that row based on value of the record.

If you have a column for it then in your renderer you can add the rowIndex argument to an array and then iterate through that array to then add a class to the <tr>

[alfa19]

uhm...i didn't understand very well...can u post a brief code?

let us suppose that i don't have a coloumn in the grid instead, but the value is still contained in the store..is it still possible?

thanks

[mitchellsimoens]

Just typing off the top of my head but should describe what I am saying..

var rows = grid.getView().getEl().query('tr'), // get row <tr>s
    index, el;

store.each(function(rec) {
    if (rec.get('sex') === 'M') {
        index = store.indexOf(rec);

        el = Ext.get(rows[index]);

        el.addCls('row-class');
    }
});

[alfa19]

mmm...now is very clear...thanks a lot, i try