gwt - GWTグリッドは2本の線を境界線として表示します。1本の線に置き換えるにはどうすればよいですか？

Question

GWTで単純なDataGridを作成していますが、行と境界線の間の線は2倍になっていますが、境界線の幅をデフォルトで1に変更すると、境界線の幅は1になります。 0、境界線が完全に消えて1にすると、二重の境界線が表示されます。境界線を作成する方法はありません。単一の線です。

添付されているのは、二重の境界線を示しているデータグリッドの画像です。単一の境界線にする方法を教えてください。

Answer 1

各セルとグリッドの周りにも境界線があるため、2 本の線が表示されています。

GWT でデータグリッドのデフォルト css をオーバーライドする方法については、こちらを参照してください。

これは、オーバーライドする必要がある 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;
}