1

如何以编程方式查找 GWT CellTable 标题的 TH 样式名称？

我查看了 Client Bundle 文档，但对我来说并不是很明显它们是如何组合在一起的。谢谢。

4

2 回答 2

3

不确定在访问 TH 样式名称时您想要做什么。

如果要覆盖单元格表标题的标准 css 样式，可以覆盖以下一些 css 样式以更改组件的外观。

.cellTableFirstColumnHeader {}

.cellTableLastColumnHeader {}

.cellTableHeader {
      border-bottom: 2px solid #6f7277;
      padding: 3px 15px;
      text-align: left;
      color: #4b4a4a;
      text-shadow: #ddf 1px 1px 0;
      overflow: hidden;
 }

.cellTableSortableHeader {
  cursor: pointer;
  cursor: hand;
}

.cellTableSortableHeader:hover {
  color: #6c6b6b;
}

.cellTableSortedHeaderAscending {

}

.cellTableSortedHeaderDescending {

}

这是 cellTables CellTable.css样式的完整列表

现在，如果您想以编程方式访问您的标题，您可以使用此解决方案来获取与表的标题相对应的 TableSectionElement。然后你可以访问该行，然后是单元格，并查找它们的样式。

最后一件事如果你想覆盖标题样式，也许你可以在将列添加到表格时使用以下方法

public void addColumn(Column<T, ?> col, Header<?> header)

然后创建您的标题或使用 TextHeader 例如然后在其上设置您的样式，然后使用将其添加到表中

public void setHeaderStyleNames(String styleNames)

例子

TextHeader textHeader = new TextHeader("headerTitle");
textHeader.setHeaderStyleNames("my-style");
myTable.addColumn(myColumn, textHeader);
于 2013-03-28T10:52:30.133 回答
0

简单的解决方案：

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

private String getCellTableHeaderStyle() {
    Resources res = GWT.create(Resources.class);
    return res.cellTableStyle().cellTableHeader();
}
于 2011-09-30T15:02:18.330 回答