Question

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

我查看了客户端捆绑包文档，但对我来说并不是很明显它是如何组合在一起的。感谢。

Answer 1

访问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

的完整样式列表

现在，如果要以编程方式访问标头，可以使用this solution获取与表的标头对应的TableSectionElement。然后你可以访问行，然后是单元格，然后查找他们的样式。

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

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

然后创建您的Header或使用TextHeader作为示例，然后在使用

将其添加到表中之前在其上设置样式

public void setHeaderStyleNames(String styleNames)

示例

TextHeader textHeader = new TextHeader("headerTitle");
textHeader.setHeaderStyleNames("my-style");
myTable.addColumn(myColumn, textHeader);

Answer 2

简易解决方案：

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

private String getCellTableHeaderStyle() {
    Resources res = GWT.create(Resources.class);
    return res.cellTableStyle().cellTableHeader();
}

查找GWT CellTable标题样式/ s？

2 个答案: