title: flextable tablestyle within ui.xml
body: <p>I have created a flextable through the Gwt UI binder.</p>
  
  <p>I would like to have a gray background, horizontal white borders between rows, and no further borders.</p>
  
  <p>My latest attempt is given below but does not display the white horizontal </p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"&gt;
  &lt;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'&gt;
  &lt;ui:with field='res' type='myconstants' /&gt;
  
  &lt;ui:style&gt;
     .table-style {
     background-color: silver;
     td { border-bottom: 1px solid #000 }
     }
  &lt;/ui:style&gt;  
  
  &lt;g:HTMLPanel&gt;
      &lt;g:FlexTable ui:field="table" borderWidth="0" styleName="{style.table-style}" /&gt;
  &lt;/g:HTMLPanel&gt;
  &lt;/ui:UiBinder&gt;
  </code></pre>
  
  <p>I must admit that I am pretty weak with css, so it is possible that this example is simply invalid.</p>
  
  <p>Edit: JankiPanwala answered the question. </p>
  
  <p>I have simply added my final stylesheet below for future reference.</p>
  
  <pre class="lang-css prettyprint-override"><code>  .table-style{
    background-color: silver;
    border-collapse: collapse;
    }
    .table-style td{
    border-bottom:2px solid white;
    } 
  </code></pre>