2

GWT listGridを作成し、セルの間隔の動作をオーバーライドしようとしています。デフォルトでは、グリッドのセル間にスペースはありません。

私はすでにこのようなことを試しましたが、うまくいきませんでした。

Listgrid grid = new Listgrid();

grid.setStyleName( "my-listgrid-style");

そしてcssでborder-spacingを定義しました:my-listgrid-styleの場合は10px。

グリッド内のセル間にスペースを設定するにはどうすればよいですか?

たとえば、ここでは、column1とcolumn2の間にスペースがある実装したいグリッドを設計しています。

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

4

2 に答える 2

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;
}
于 2012-04-27T08:40:29.753 に答える
0

問題に合わせて td と th を簡単に変更できました。しかし、これは私が見つけたセル内のテキストだけです。あなたの場合にうまくいくかどうかはわかりません。

td,th { パディング: 10px; }

于 2012-08-28T14:53:55.563 に答える