1

我通过 Gwt UI binder 创建了一个 flextable。

我想要一个灰色的背景，行之间的水平白色边框，并且没有更多的边框。

我的最新尝试如下所示，但不显示白色水平

<!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 回答