How to add specific style to GWT DataGrid

Question

I need add new style for some DataGrid rows, depending on variable.

For example:

table.setRowStyles(new RowStyles<Entry>() {
    @Override
    public String getStyleNames(Entry entry, int rowIndex) {
        return entry.isStyle() ? "newStyle" : null;
    }
});

"newStyle" is global css style.

The problem is style not applied to rows until i add !important to css definition. But with !important i lost all default DataGrid styles and have only "newStyle".

UPDATE: css file

.newStyle {
    color : lightgray;
}

Please, add your css here! It seems the bad practice to use `!important`. See [What does !important mean in CSS?](http://webdesign.about.com/od/css/f/blcssfaqimportn.htm) Also, see the [gwt-theme-style-overrides-my-css-style](http://stackoverflow.com/questions/2322779/gwt-theme-style-overrides-my-css-style) question. It may be helpful. — MockerTim, Jan 17 '12 at 18:26

score 1 · Accepted Answer · edited May 23 '17 at 12:03

1

See this previous question for the working solution. Copied for convenience:

In short extend the DataGrid.Style (the goal is only to have a new type, you don't have to add anything to it) and have your dataGridStyle overridden method return your own subtype rather than DataGrid.Style (and it'll work because of return-type covariance)

edited May 23 '17 at 12:03

Community

1
1

answered Jan 17 '12 at 18:28

Chris Cashwell

22,308
13
63
94

I saw this answer, but in that case when i'm using resource injecting i need to override every style. – mishadoff Jan 17 '12 at 18:33

score 1 · Answer 2 · answered Jan 17 '12 at 18:30

1

Change the definition of newstyle in your CSS file. Usually it is better to make your CSS selector more specific rather than using !important. Try combining the default DataGrid CSS names with yours. For example: dataGridHeader.newStyle {}

answered Jan 17 '12 at 18:30

Dusty Campbell

3,146
31
34

How to add specific style to GWT DataGrid

2 Answers2

Linked