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没有构造函数，只有资源作为参数。至少必须指定页面大小。