title: GWT FlexTable Header Column
body: <p>I have CSS definitions for various elements around Table as shown below (Details omitted, only style names for reference).
  <code></p>
  
  <pre><code>table.entities {
  border: 1px solid #c5d7ef;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 0;
  }
  
  table.entities th, table.entities td {
  padding: .25em 1.5em .5em .5em;
  }
  table.entities th {
    font-weight: bold;
    text-align: left;
    background: #e5ecf9;
    white-space: nowrap;
  }
  
  table.entities th a, table.entities th a:visited {
    color: black;
    text-decoration: none;
  }
  
  table.entities td {
    background-color: #fff;
    text-align: left;
    vertical-align: top;
    cursor: pointer;
  }
  
  table.entities tr.even td {
    background-color: #f9f9f9;
  }
  </code></pre>
  
  <p></code>
  And I apply the styles for even rows like:</p>
  
  <pre><code>flexTable.getRowFormatter().getElement(row).setClassName("even"); 
  </code></pre>
  
  <p>But for some reason, the header styles are not applied to table. Here is what I have tried</p>
  
  <ul>
  <li>As it is I would expect <code>th</code> to apply style to first row, but not sure if that is a valid assumption to make</li>
  <li>Changed the header style from <code>th</code> to something like <code>theader</code> and then explicitely applied to first row using row formatter for first row. I tried first row value as 1 &amp; 0 both but either didn't give me results</li>
  </ul>
  
  <p>Can anyone help me spotting where I might be going wrong?</p>