how to add css to selected row in treegrid GXT 3

Question

I created a treegrid using GXT 3.now iwant to change background color of selected row and also i want to change the background of root node(leaf row i.e Parent row).

Answer 1

I was also having the same problem, I wanted to color the background of a row depending on some condition. In the end, I found a solution:

You need to create a GridViewConfig and override the getColumnStyle method to return the color want, it took me a while to find out, but overriding the getRowStyle method doesn't do the trick, at least not for me.

grid.getView().setViewConfig(new GridViewConfig() {

    @Override
    public String getColStyle(  Model model, 
                                ValueProvider valueProvider,
                                int rowIndex, int colIndex)
    {
        if ("Other2".equals(model.getName())){
            return "bold";
        }else if ("Other".equals(model.getName())){
            return "red-row";
        }
        return null;
    }

    @Override
    public String getRowStyle(Model model, int rowIndex) {
        return null;
    }
});

Note: Modify CSS file accordingly.