GWT Grid显示2行作为边界线，如何用1行替换它

Question

我在GWT中创建一个简单的DataGrid 它看起来很好并显示数据，但行或边界线之间的线是双倍的，我们可以将它更改为单行 边框宽度默认为1，当我尝试将边框宽度设置为0时，边框线完全消失，当我将其设为1时，它显示双边框线，不是有办法来破坏边框线，单行

附件是显示双边框的datagrid图片，请告诉我一种使其成为单边框的方法。

Answer 1

您显示两行，因为每个单元格周围和网格周围都有边框。

您应该看到here有关如何覆盖GWT中数据网格的默认css的说明。

This是您应该覆盖的DataGrid的默认CSS。为避免出现双边框，您应在单元格中仅设置border-right，border-left，border-top或border-bottom属性。

Answer 2

<g:Grid borderWidth="1" cellSpacing="0">

应该这样做。要调整特定边框css：

grid.setStyleName("yourSpecialBorderStyleName");

用css例如：

.yourSpecialBorderStyleName
{
    border-style:solid;
    border-color:#CCCCCC;
}