0

わかりました、.xml ファイルで、これは問題なく動作します。

<g:FlexTable ui:field="wishlistFlexTable"  borderWidth="1" cellPadding="5" />

注: Gwt でコーディングする場合、FlexTable に対して同様の set メソッドが得られます: setBorderWidth & setCellPadding.

ただし、borderWidth と cellPadding を css に持ってくると、Css では機能しません。

.gwtFlexTable{
   borderWidth:1;
   cellPadding:5;
}

XMLで

<g:FlexTable ui:field="wishlistFlexTable"  addStyleNames="{res.css.gwtFlexTable}"  />

では、GWT で Uibinder ウィジェットのプロパティを CSS に取り込むにはどうすればよいでしょうか?

4

3 に答える 3

2

あなたのCSSが間違っていると思います：

.gwtFlexTable{
   border-width:1px;
   cell-padding:5px;
}

単位を忘れました (CSS では必須です)。そして、次のborderWidthように書かなければなりませんborder-width

于 2013-09-29T12:33:03.230 に答える
0

あなたが入れたcssクラスは<ui:style>、実行時に難読化され、英数字の文字列になります。だからあなた.gwtFlexTableはのようになります.A87GFESAF。{}外部 CSS クラス名がテーブルのスタイルを設定できるようにするには、次のように中括弧なしで styleNames を宣言する必要があります。

<g:FlexTable ui:field="wishlistFlexTable"  addStyleNames="gwtFlexTable"  />

または、外部クラスと内部<ui:style>の両方でスタイルを設定する場合は、CSS クラスを混在させることができます。

<g:FlexTable ui:field="wishlistFlexTable"  addStyleNames="{res.css.gwtFlexTable} gwtFlexTable"  />
<!-- where {res.css.gwtFlexTable} is a ui:style name and gwtFlexTable is an unobfuscated CSS selector -->
于 2013-09-29T20:49:45.137 に答える
0

とにかく、私はこのコードを見つけました、それはうまくいきます

.flexTable td{
    border: 1px solid #BBBBBB;
    padding: 3px;
 }
于 2013-09-29T13:42:31.673 に答える