1

Gwt UI バインダーを使用してフレックステーブルを作成しました。

灰色の背景、行間の水平方向の白い境界線、およびそれ以上の境界線がないようにしたいと思います。

私の最新の試みを以下に示しますが、白い水平は表示されません

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
   xmlns:g="urn:import:com.google.gwt.user.client.ui" xmlns:my='urn:import:mywidgets.client.ui.widgets'>
<ui:with field='res' type='myconstants' />

<ui:style>
   .table-style {
   background-color: silver;
   td { border-bottom: 1px solid #000 }
   }
</ui:style>  

<g:HTMLPanel>
    <g:FlexTable ui:field="table" borderWidth="0" styleName="{style.table-style}" />
</g:HTMLPanel>
</ui:UiBinder>

私は css にかなり弱いことを認めなければならないので、この例は単に無効である可能性があります。

編集: JankiPanwala が質問に答えました。

後で参照できるように、最終的なスタイルシートを以下に追加しました。

  .table-style{
  background-color: silver;
  border-collapse: collapse;
  }
  .table-style td{
  border-bottom:2px solid white;
  }
4

1 に答える 1

3

次のスタイルを試すことができます：

.table-style td{
  border-bottom:1px solid #000;
  background-color: silver;
}

テーブル スタイルをフレックス テーブルに適用する

于 2012-07-13T05:16:48.383 に答える