How to change font color of row in Grid vaadin ?

Flow
1

I have a grid with student list. I want to change font color of text. If male the color will green, and female is blue. How can i do it ?
private Grid<String> _tblGrid;
List<String> datalist = new ArrayList<String>();
for (Student stdItem : stdList)
{
boolean gender = GetGender(stdItem.ID);
datalist.add(new String { stdItem.Name });
}
_tblGrid.setItems(datalist);

2

https://vaadin.com/docs/latest/components/grid#part-name-generator

3

The data show is “Name” of student, and the color of name follow by gender field. How to cast ?

4

I don’t understand the question. I would recommend to not pass an String array and use proper Person objects; then you have easy access to that needed properties.

5

In my example above, the result in Grid show Name of student . It’s ok

6

But i want to define Gender of student , if Male change color Name is Green, If Female change color Name is Blue

7

It’s mean the Name show is correct , but the color of Name not appear

8

That part is clear. That’s why I suggest to use a proper Object so that you can access the gender in the part generator

9

For example: my Grid only one column and the column like this
Gender
Male
Male
Female
Male

10

And i used this one, it’s work , but all color of text is green
_tblGrid.addColumn(data → data[0]).setHeader(“Gender”);
_tblGrid.getStyle().set(“color”, “green”);

11

Now, i try with rendering data in column , but it not working
_tblGrid.setClassNameGenerator(data → data[0].equalsIgnoreCase(“Male”)? “color:green” : “color:blue”);

12

I use vaadin plugin Version 0.14.3.7

13

@quirky-zebra any idea ?

14

damn that’s old. So you have to take a look at this docs - please take a careful look at the source code snippet. https://vaadin.com/docs/v14/ds/components/grid#styling-rows-and-columns

15

:tired_face:

16

_tblGrid.setClassNameGenerator(data → {
if (data[0].contentEquals(“Male”))
return “color:green”;
if (data[0].contentEquals(“Female”))
return “color:blue”;
return null;
});

17

Class name generator is not supposed to return style but class name that you can use vaadin-grid.css

18

_tblGrid.setClassNameGenerator(data → {
if (data[0].contentEquals(“Male”))
return “green”;
if (data[0].contentEquals(“Female”))
return “blue”;
return null;
});

19

And in vaadin-grid.css

.green {
color: green;
}
.blue {
color: blue;
}

20

@yummy-rhino How about class “primary, success, warning, error” in vaadin ? I tried this below and not working also . As i know have those classname in vaadin ?
_tblGrid.setClassNameGenerator(data → {
if (data[0].contentEquals(“Male”))
return “success”;
if (data[0].contentEquals(“Female”))
return “primary”;
return null;
});