GWT listgrid单元格之间的间距

时间:2012-04-26 12:15:25

标签: smartgwt

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

我已经尝试过类似的东西而且没有用。

Listgrid grid = new Listgrid();

grid.setStyleName( “我的-listgrid式”);

在css中我定义了border-spacing:10px for my-listgrid-style。

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

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

------------- -------------
Header1 Header2
------------- -------------
dataA1 dataA2
dataB1 dataB2

2 个答案:

答案 0 :(得分:2)

您可以将样式应用于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;
}

答案 1 :(得分:0)

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

td,th {     填充:10px; }