本文介绍了将自定义样式附加到GWT CellTable(在本例中为所有单元格)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个我要追加的情况

  white-space:nowrap; 

转换为CellTable中每个单元格的样式。目前它适用于所有的表格,但是知道它们必须适用于特定的CellTable和所有的CellTables是很好的。

解决方案

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

  / * CellTable.css的增量更改* / 
.cellTableCell {
white-space:nowrap;
}

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

  public interface TableResources extends CellTable.Resources {
$ b $ / **
*应用于表格的样式。
* /
interface TableStyle extends CellTable.Style {
}

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






最后,在创建cellTable时,使用,它允许您指定要使用的资源

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

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


I have a case where I want to append

white-space: nowrap;

to the style of each cell in my CellTable. Currently it applies to all tables, but it would be nice to know both have to apply it for a specific CellTable, and all CellTables.

解决方案

CellTables have their own CssResource. To override this style applied to all cells in a cellTable, create a new css file :

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

Then create your own CellTable.Resources interface :

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

}

Finally, when creating your cellTable, use the constructor that lets you specify which Resources to use

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

For a working example, look at the Expenses sample provided in the GWT SDK.

这篇关于将自定义样式附加到GWT CellTable(在本例中为所有单元格)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-14 14:44