3

我想找到一种方法在 GWT 的 CellTable 中设置整个列的背景颜色，但没有运气。在 CellTable 的样式中，我只找到了样式 cellTableLastColumn 和 cellTableFirstColumn 可用于设置最后一列和第一列的背景颜色（这两个工作正常）。是否有人知道如何通过将列索引作为参数传递来为任何列设置整个列的背景颜色？非常感谢。

4

2 回答 2

4

您可以使用table.addColumnStyleName(colIndex, "mystyle")to tellCellTable添加mystyle到表格的<colgroup>. 这导致 HTML 像

<table ...>
  <colgroup><col><col><col class="mystyle"><col>...</colgroup>
  ...

使用类似的 CSS 规则mystyle { background-color : #D0E4F6; }，这将设置整个列的背景颜色，包括标题。

不幸的是，这还不够，因为偶数/奇数行的 GWT CSS 规则将具有优先级和样式 all<td>的列（标题除外），覆盖您的背景颜色。

要解决此问题，column.setCellStyleNames("mystyle")请在列上使用。这会导致<td>列的 's 接收类mystyle。然后你可以使用 CSS

.mystyle, td.mystyle {
  background-color : #D0E4F6;
}

设置列（标题）的背景颜色和<td>'s.

于 2012-01-04T18:38:14.113 回答
2

您可以使用addColumnStyleName将 CSS 类名称添加到列中，就像addStyleName在Widget.

于 2011-07-26T22:13:19.603 回答