gwt - 如何在 CellTable GWT 中设置整个列的背景颜色

Question

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

Answer 1

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

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

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

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

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

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

设置列(标题)的背景颜色和<td>的。