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

回答

相關問題