smartgwt - GWT listgrid 单元格之间的间距

Question

我创建了一个 GWT listGrid 并尝试覆盖单元格间距的行为。默认情况下，网格的单元格之间没有空格。

我已经尝试过这样的事情，但没有奏效。

Listgrid 网格 = 新 Listgrid();

grid.setStyleName("my-listgrid-style");

在 css 中，我为 my-listgrid-style 定义了边框间距：10px。

如何在网格中的单元格之间留出空间？

例如，在这里我正在设计我想要实现的网格，它在 column1 和 column2 之间有空间：

------------- -------------
Header1 Header2
------------- --------- ----
数据A1 数据A2 数据B1
数据B2

Answer 1

您可以将样式应用于 listGrid..

.withlines td {
    padding: 2px 10px !important;
    border: 0.2px solid #E0E0E0 !important;
    overflow: hidden;
    line-height: 15px;
}

.withlines th {
    border: 0.2px solid #E0E0E0 !important;
    overflow: hidden;
    padding: 3px 10px !important;
    text-align: left;
    line-height: 15px;
}

.withlines_medium td {
    padding: 2px 10px !important;
    border: 0.2px solid #E0E0E0 !important;
    overflow: hidden;
    line-height: 15px;
}

Answer 2

我能够简单地修改 td 和 th 来解决我的问题。但这只是我找到的单元格中的文本。不确定它是否适用于您的情况。

td,th { 填充：10px; }