Стиль CellList GWT CSS

Question

Я создал CellList в моей точке входа. Теперь я хочу его стилизовать (изменение цвета выделенной ячейки с синего на темно-черный)

Насколько мне известно, мне нужно только переопределить стиль cellList, выбрать выбранный и изменить цвет фона (а затем сохранить внутри module.css)

Так вот к чему я пришел.

@sprite .cellListSelectedItem {
/*gwt-image: 'cellListSelectedBackground';*/
/*BEFORE : background-color: #628cd5;*/
background-color: #2D2D2D;
color: white;
height: auto;
overflow: visible;
}

Однако каждый раз, когда я выбираю ячейку, она все еще отображает старый цвет (#628cd5). Что-то я не так сделал?

И да, я очистил проект и перезапустил сервер, а также очистил кеш браузера.

Answer 1

Вы должны указать GWT использовать новые стили - простого добавления их в CSS-файл вашего модуля будет недостаточно:

table = new CellTable<FooType>(12,
    CellTableResources.INSTANCE, keyProvider);

CellTableResources.INSTANCE должен быть экземпляром пакета Resource, который расширяет пакет ресурсов CellTable. Что-то вроде:

import com.google.gwt.core.client.GWT;
import com.google.gwt.resources.client.ImageResource;
import com.google.gwt.resources.client.ImageResource.ImageOptions;
import com.google.gwt.resources.client.ImageResource.RepeatStyle;
import com.google.gwt.user.cellview.client.CellTable;
import com.google.gwt.user.cellview.client.CellTable.Style;

public interface CellTableResources extends CellTable.Resources {

  public static CellTableResources INSTANCE = GWT.create(CellTableResources.class);

  @Source("footer_bg.png")
  @ImageOptions(repeatStyle = RepeatStyle.Both, flipRtl = true)
  ImageResource cellTableFooterBackground();

  @Source("header.png")
  @ImageOptions(repeatStyle = RepeatStyle.Horizontal, flipRtl = true)
  ImageResource cellTableHeaderBackground();

  @Source("table_head_bg_left.png")
  @ImageOptions(repeatStyle = RepeatStyle.None, flipRtl = true)
  ImageResource cellTableHeaderFirstColumnBackground();

  @Source("table_head_bg_right.png")
  @ImageOptions(repeatStyle = RepeatStyle.None, flipRtl = true)
  ImageResource cellTableHeaderLastColumnBackground();

  @Source(CellTableStyle.DEFAULT_CSS)
  Style cellTableStyle();
}

И затем, конечно, то же самое для CellTableStyle:

import com.google.gwt.user.cellview.client.CellTable;

public interface CellTableStyle extends CellTable.Style {

   String DEFAULT_CSS = "path/to/your/new/CellTable.css";

   String cellTableCell();

   // ....

}