问题与CSS使它看起来像两个网格单元格（行）合并

我想在GWT网格中看到他们被合并（你可以合并列;但是，不是行）。所以，我有以下几点：问题与CSS使它看起来像两个网格单元格（行）合并

gridOAS.getCellFormatter().setStyleName(1, 0, "gwt-Row-Span-Bottom-Green"); 
gridOAS.getCellFormatter().setStyleName(2, 0, "gwt-Row-Span-Top-Green"); 
gridOAS.setWidget(1, 0, lblCamping);

而CSS：

.gwt-Row-Span-Bottom-Green { 
    border-bottom: 0px; 
    padding: 0px; 
    background-color: #9AF96B; 
} 
.gwt-Row-Span-Top-Green { 
    border-top: 0px; 
    padding: 0px; 
    background-color: #9AF96B; 
}

不过，我还是得到了两个网格之间的白线。

来源

2017-08-17 Glyn

如何使用[FlexTable]（http://www.gwtproject.org/javadoc/latest/com/google/gwt/user /client/ui/FlexTable.html）？它的单元格可以设置为跨越多行或多列。 – Adam

您是否检查了元素以知道为什么边框仍然显示？如在，它仍然显示，因为其他一些风格凌驾于你的？是因为它甚至没有加载你的改变？这些是不同解决方案的不同问题。 – walen

我同意@Adam，'FlextTable'是要走的路。您可以使用[FlexCellFormatter]（http://www.gwtproject.org/javadoc/latest/com/google/gwt/user/client/ui/FlexTable.FlexCellFormatter.html）设置“colspan”和“rowspan”。 – brian17han

如果你想继续使用Grid，你可以添加border-collapse: collapse;风格。

像这样：

gridOAS.addStyleName("gwt-Table-Collapse");

CSS：

.gwt-Table-Collapse { 
    border-collapse: collapse; 
}

来源

2017-08-18 12:30:22 Adam

嗨，亚当，这对我来说并没有诀窍。我会尝试检查看看发生了什么问题。 – Glyn

我错过了“;”它现在可以工作。 – Glyn

问题与CSS使它看起来像两个网格单元格（行）合并

回答

相关问题