当前位置：文江博客话题详情

查找 GWT CellTable 标题样式？

发布于 2024-12-07 05:42:24 字数 88 浏览 0 评论 0原文

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

我已经查看了客户端捆绑包文档，但我并不清楚它们是如何组合在一起的。谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

蓝海似她心 2024-12-14 05:42:25

不确定在访问 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 {

}

以下是 cellTable 样式的完整列表 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);

Not sure exactly what you want to do when accessing the TH style names.

If you want to override the standard css style of a celltable header, here are some of the css styles you can override to change the Look and Feel of the component.

.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 {

}

Here is the complete list of styles for cellTables CellTable.css

Now if you want to access you header programmatically, you can use this solution to get the TableSectionElement corresponding the the Header of your table. Then you can access the row, then the cells, and lookup for their styles I guess.

Last thing if you want to override the header style, maybe you can use the following method when adding your column to your table

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

Then create your Header or use a TextHeader for example then set your style on it before adding it to the table using

public void setHeaderStyleNames(String styleNames)

Example

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

回复收藏 0 原文

月下凄凉 2024-12-14 05:42:25

简单的解决方案：

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

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

Easy solution:

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

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

回复收藏 0 原文

~没有更多了~