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