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

Question

我正在尝试使 GWT 网格中第一列中的两行看起来像是合并的（您可以合并列；但是，不能合并行）。所以我有以下内容：

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;
}

但是，我仍然在两个网格之间看到一条白线。

Answer 1

如果您想继续使用 Grid，您可以添加 border-collapse: collapse; 样式。

像这样：

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

CSS:

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

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

Issue with css to make it look like two grid cells (rows) are merged

css

gwt