Question

我已经通过Gwt UI活页夹创建了一个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;
  }

Answer 1

您可以尝试以下风格：

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

将表格式应用于您的Flex表格

ui.xml中的flextable tablestyle

1 个答案: