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

Question

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

附件是显示双边框的数据网格图像，请告诉我一种使其成为单边框的方法。在此处输入图像描述

score 1 · Accepted Answer

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

您应该在此处查看有关如何覆盖 GWT 中数据网格的默认 css 的说明。

这是您应该覆盖的 DataGrid 的默认 CSS。为避免出现双边框，您应该只在单元格上设置、border-right或属性。border-leftborder-topborder-bottom

score 0 · Accepted Answer

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

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

grid.setStyleName("yourSpecialBorderStyleName");

使用 CSS 例如：

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

2 回答 2