title: <rich:dataTable> header height
body: <p>Whenever I have a table header going into 3 rows, the background is not able expand. When it is only 2 rows all seems to be fine. Does anybody went through this ?</p>
  
  <p>Thanks in advance.</p>
  
  <p>Sorry I am new to stackoverflow, couldn't attach image.</p>
  
  <p>Image link <a href="http://i.stack.imgur.com/o6xNl.png" rel="nofollow">http://i.stack.imgur.com/o6xNl.png</a></p>
  
  <p>Table in xhtml</p>
  
  <pre><code>&lt;rich:dataTable value="#{couponController.campaignSegmentVersionDtoList}"
  var="campaignSegment" id="sas" rowClasses="odd-row, even-row"
  styleClass="stable" style="width:1100px;" sortMode="single" rowKeyVar="myrow"&gt;
  &lt;rich:column&gt;
  &lt;f:facet name="header"&gt;No&lt;/f:facet&gt;
  &lt;h:outputText value="#{myrow + 1}" /&gt;
  &lt;/rich:column&gt;
  &lt;rich:column sortBy="#{campaignSegment.segmentName}" id="segmentName"&gt;
      &lt;f:facet name="header"&gt;
          &lt;a4j:commandLink value="Campaign Segment" onclick="#{rich:component('sas')}.sort('segmentName')" style="color:white;"/&gt;
      &lt;/f:facet&gt;
      &lt;h:outputText value="#{campaignSegment.segmentName}" /&gt;
  &lt;/rich:column&gt;                                  
  &lt;rich:column sortBy="#{campaignSegment.segmentTitle}" id="segmentTitle"&gt;
      &lt;f:facet name="header"&gt;
          &lt;a4j:commandLink value="MRM Segment Name" onclick="#{rich:component('sas')}.sort('segmentTitle')" style="color:white;"/&gt;
      &lt;/f:facet&gt;
      &lt;h:outputText value="#{campaignSegment.segmentTitle}" /&gt;
  &lt;/rich:column&gt;
  &lt;rich:column sortBy="#{campaignSegment.sourceCode}" id="sourceCode"&gt;
      &lt;f:facet name="header"&gt;
          &lt;a4j:commandLink value="Source Code" onclick="#{rich:component('sas')}.sort('sourceCode')" style="color:white;"/&gt;
      &lt;/f:facet&gt;
      &lt;h:outputText value="#{campaignSegment.sourceCode}"&gt;
      &lt;/h:outputText&gt;
  &lt;/rich:column&gt;  
  &lt;rich:column id="packageCode" sortBy="#{campaignSegment.packageCode}" style="width:80px;"&gt;
      &lt;f:facet name="header"&gt;
          &lt;a4j:commandLink value="SAS Package Code"  onclick="#{rich:component('sas')}.sort('packageCode')" style="color:white;"/&gt;
      &lt;/f:facet&gt;
      &lt;h:outputText value="#{campaignSegment.packageCode}"&gt;
      &lt;/h:outputText&gt;
  &lt;/rich:column&gt;                                  
  &lt;rich:column id="version" style="width:80px;"&gt;
      &lt;f:facet name="header"&gt;
          &lt;h:outputText value="MRM Version Code" /&gt;
      &lt;/f:facet&gt;
      &lt;h:selectOneMenu value="#{campaignSegment.versionCode}" valueChangeListener="#{couponController.valueChangeListener}" label="Version Code" listWidth="300" immediate="true"&gt;
  &lt;f:selectItems value="#{couponController.mrmVersions}" var="version" itemLabel="#{version.versionCode}" itemValue="#{version.versionId}"/&gt;
  &lt;a4j:ajax event="valueChange" render="stringCodeList" execute="@this" /&gt;
  &lt;/h:selectOneMenu&gt;
  &lt;rich:message for="Version"/&gt;
  &lt;/rich:column&gt;
  &lt;rich:column id="testControlFlag" sortBy="{campaignSegment.testControlFlag}" style="width:60px"&gt;
      &lt;f:facet name="header"&gt;
          &lt;a4j:commandLink value="Test Control Flag" onclick="#{rich:component('sas')}.sort('testControlFlag')" style="color:white"/&gt;
      &lt;/f:facet&gt;
      &lt;h:outputText value="#{campaignSegment.testControlFlag}"/&gt;
  &lt;/rich:column&gt;                                                                      
  &lt;rich:column sortBy="#{campaignSegment.publishedDate}" id="publishedDate"&gt;
      &lt;f:facet name="header"&gt;
          &lt;a4j:commandLink value="Published Date" onclick="#{rich:component('sas')}.sort('publishedDate')" style="color:white;"/&gt;
      &lt;/f:facet&gt;
      &lt;h:outputText value="#{campaignSegment.publishedDate}"&gt;
          &lt;f:convertDateTime type="date" pattern="MM-dd-yyyy H:m:s"/&gt;
      &lt;/h:outputText&gt;
  &lt;/rich:column&gt;                                                          
  &lt;rich:column sortBy="#{campaignSegment.status}" sortOrder="#{couponController.campaignSegmentsDescOrder}" id="publishStatus"&gt;
      &lt;f:facet name="header"&gt;
          &lt;a4j:commandLink value="Publish Status" onclick="#{rich:component('sas')}.sort('publishStatus')" style="color:white;"/&gt;
      &lt;/f:facet&gt;
      &lt;h:outputText value="#{campaignSegment.status}"&gt;
      &lt;/h:outputText&gt;
  &lt;/rich:column&gt;                                                                                                                                                  
  </code></pre>
  
  <p></p>