我创建了一个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
答案 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; }