将自定义样式附加到GWT CellTable(在本例中为所有单元格)

Question

我有一个我想追加的案例

white-space: nowrap;

到我的CellTable中每个单元格的样式.目前它适用于所有表,但很高兴知道它们都必须将它应用于特定的CellTable和所有CellTables.

Answer 1

CellTables有自己的CssResource.要覆盖应用于cellTable中所有单元格的此样式,请创建一个新的css文件:

/* Incremental changes from CellTable.css */ 
.cellTableCell {
  white-space: nowrap;
}

然后创建自己的CellTable.Resources接口:

public interface TableResources extends CellTable.Resources {

    /**
       * The styles applied to the table.
       */
    interface TableStyle extends CellTable.Style {
    }

    @Override
    @Source({ CellTable.Style.DEFAULT_CSS, "MyOwnCellTableStyleSheet.css" })
    TableStyle cellTableStyle();

}

最后,在创建cellTable时,使用允许您指定要使用的资源的构造函数

CellTable<Object> myCellTable = new CellTable<Object>(15, GWT.create(TableResources.class));

有关工作示例,请查看GWT SDK中提供的Expenses示例.