CODEWITHSUNDEEP
cssgwt
Glyn
Glyn

Reputation: 1995

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

I am trying to make two rows, in the first column, in a GWT Grid look like they are merged (you can merge columns; however, not rows). So I have the following:

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

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

However, I still get a white line between the two grids.

Upvotes: 1

Views: 200

Answers (1)

Adam
Adam

Reputation: 5599

If you want to keep using the Grid you can add border-collapse: collapse; style.

Like this:

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

CSS:

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

Upvotes: 1

Related Questions