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

Question

我有一个想要附加的情况

white-space: nowrap;

到我的CellTable中每个单元格的样式。目前，它适用于所有表，但最好知道两者都必须将它应用于特定的CellTable和所有CellTable。

Answer 1

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

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

然后创建自己的CellTable。资源界面：

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));

关于一个工作示例，请查看GWTSDK中提供的Expenses示例。

Answer 2

或者你可以用简单的方法：

CellTable<YourObj> yourTable = new CellTable<YourObj>();
yourTable.getElement().getStyle().setWhiteSpace(WhiteSpace.NOWRAP);

没有css文件，没有奇怪的样板代码。