gwt - GWT：如何更改 celltable 交替行背景颜色

Question

我正在尝试更改我的 celltable 交替行背景颜色。默认情况下，它们有白色和浅蓝色。有没有可能我可以将这些颜色更改为白色和红色。

附上截图..你可以看到白色和蓝色的行..如果有解决方案来改变这些颜色。

我要改变颜色，但看起来它是在改变每个单元格的颜色而不是完整的背景，请参阅附图，我可以通过任何方式避免这些空白。

这是我的CSS

                  .cellTableEvenRow {
                      }
                .cellTableOddRow {
                 background: powderblue !important;
                   }




               .cellTableEvenRowCell {
                }



                .cellTableOddRowCell {

                  }

谢谢

Answer 1

您必须提供一个自定义 CellTable.Resources 实例。为此，您必须创建 CellTable.Resources 和 CellTable.Style 的子接口。在您的自定义 CellTable.Resources 中，除了默认样式之外，您还可以添加自己的 CSS 文件：

public interface CustomResources extends CellTable.Resources {
    @Source({Style.DEFAULT_CSS, "CustomCellTable.css"})
    Style cellTableStyle();
}
public interface CustomStyle extends CellTable.Style {
}

现在您可以在 CustomCellTable.css 中指定您的自定义样式：

.cellTableEvenRow {
    background: white;
}
.cellTableOddRow {
    background: red;
}

要创建自定义 CellTable.Resources 的实例，只需调用：

CellTable.Resources res = GWT.create(CustomResources.class)

现在您可以使用它的构造函数将该实例提供给 CellTable 实例：

CellTable cellTable=new CellTable(15, res);

15 是默认页面，但可以更改。CellTable 没有只有资源作为参数的构造函数。至少必须指定页面大小。