ui.xml 내의 flextable tablestyle

Question

Gwt UI 바인더를 통해 flextable을 만들었습니다.

나는 회색 배경, 행 사이에 가로 흰색 테두리, 그리고 더 이상 테두리가 싶습니다.

내 최신 시도는 아래에 주어진하지만 난 그게이 예제는 단순히 무효 가능성이있다, 그래서 내가, CSS를 꽤 약한임을 인정합니다 흰색 수평

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

를 표시하지 않습니다.

편집 : 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; 
} 

적용 테이블 스타일을