How to style GWT DataGrid dynamically

Question

I am implementing multiple themes in our GWT applications.

The problem is when a DataGrid is constructed, I can't find a way to change the style resource that has been passed to it. Does anybody know how to solve the problem. Or on every theme change, do we have to reconstruct the grid?

Any other new idea to solve the problem (having multiple themes on these widgets) is appreciated.

Thanks.

Answer 1

You could use uibinder.

At this page

https://developers.google.com/web-toolkit/doc/latest/DevGuideUiBinder#Programmatic_access,

search for the section

Programmatic access to inline Styles

However, you need to be familiar with uibinder.

Answer 2

I was able to do this using -

cellTable.setRowStyles(new RowStyles>() {

        @Override
        public String getStyleNames(Map<String, String> row, int rowIndex) {
            if (rowIndex % 2 == 0) {
                return "cellTableEvenRow";
            } else {
                return "cellTableOddRow";
            }
        }
    });

Since, I had to provide the user 3 color themes, I used 3 style sheets for each color and specified the below style with different colors in each style sheet.

.cellTableEvenRow {
    background: #fffff !important;
}
.cellTableOddRow {
    background: #E9FDE4 !important;
}

Hope it helps!