How to style GWT CellList?

Question

I have a CellList that I want to style. I want to change the cursor style, the ugly color of a selected cell . I checked several questions and discussions on stack overflow,but none of them worked. I checked these one:

CellList GWT CSS Style

How do I style a gwt 2.1 CellTables headers?

Her is my code:

public interface CellListResource extends CellList.Resources {


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

  interface CellListStyle extends CellList.Style {

  }

  @Source({CellList.Style.DEFAULT_CSS, "CellTableStyle.css"})
  CellListStyle style();
}

 public SearchViewImpl() {

    CompanyCell companyCell = new CompanyCell();
//it doesn't work :S 
    companiesList = new CellList<Company>(companyCell, CellListResource.INSTANCE);

    rootElement = ourUiBinder.createAndBindUi(this);

    loadingImage.setVisible(false);
  }

Am I missing something? I Cleared Browser cache, Restarted server, F5 F5 F5 .... F5 (pressed refresh again and again) and nothing ...! Thanks for help in advance.

Answer 1

Make sure you inject the css resource.

CellTableResources.INSTANCE.cellTableStyle().ensureInjected();
myCellTable = new CellTable<T>(Integer.MAX_VALUE,CellTableResources.INSTANCE);

You can follow the following link

How do you change the mouse over highlighting?

Answer 2

Besides injecting the CSS it's important that you call the CellListStyle style cellListStyle() and not just style():

public interface CellListResource extends CellList.Resources {
  public static CellListResource INSTANCE = GWT.create(CellListResource.class);
  interface CellListStyle extends CellList.Style {}

  @Override
  @Source("cellListStyle.css")
  CellListStyle cellListStyle();
}

and then you do

CellListResource.INSTANCE.cellListStyle().ensureInjected();
companiesList = new CellList<Company>(companyCell, CellListResource.INSTANCE);