ui.xml中的flextable tablestyle

我已经通过Gwt UI绑定器创建了一个可弯曲的表格。ui.xml中的flextable tablestyle

我想有一个灰色的背景，行之间的水平白色边框，没有更多的边界。下面

我的最新尝试给出，但不显示白色横

<!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; 
    }

来源

2012-07-12 mirk

您可以尝试以下方式：

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

应用表式到Flex表

来源

2012-07-13 05:16:48 JankiPanwala

ui.xml中的flextable tablestyle

回答

相关问题