ui.xml 中的弹性表格样式答案

【问题标题】：flextable tablestyle within ui.xmlui.xml 中的弹性表格样式
【发布时间】：2012-07-12 16:53:56
【问题描述】：

我通过 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;
  }

【问题讨论】：

标签： gwt flextable

【解决方案1】：

您可以尝试以下样式：

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

将表格样式应用于您的弹性表格

【讨论】：