title: Howto add tooltip to rows of rich:dataTable (RIchfaces 4)
body: <p>Is it possible to add a tooltip to an entire row of a <code>rich:dataTable</code>?<br>
  I think this a very common use case, but we could not get it to work as expected. What we currently use is a tooltip per table cell. This works, but is drastically increases the amount of transferred data: If the table has 15 rows and 11 columns this results in 165 tooltips...</p>
  
  <p>The code looks like this:</p>
  
  <pre><code>&lt;rich:dataTable id="artikelListTable" rowClasses="oddRow, evenRow"  rows="15"
      value="#{artikelListeController.artikelListe}" var="artikel"&gt;
  
      &lt;rich:column id="laufendeNummer" sortBy="#{artikel.laufendeNummer}"&gt;
          &lt;f:facet name="header"&gt;
              &lt;h:outputText
                   value="#{messages['devA.articlelist.laufendeNummer']}" /&gt;
          &lt;/f:facet&gt;
  
          &lt;h:outputText value="#{artikel.laufendeNummer}"&gt;
              &lt;f:convertNumber pattern="00000" /&gt;
          &lt;/h:outputText&gt;
  
          &lt;ui:include src="/WEB-INF/pages/articlelist/article_tooltip.xhtml" /&gt;
       &lt;/rich:column&gt;
  
       &lt;rich:column id="status" headerClass="statusColumn"&gt;
           &lt;f:facet name="header"&gt;
               &lt;h:outputText value="#{messages['devA.articlelist.status']}" /&gt;
           &lt;/f:facet&gt;
  
           &lt;div align="center"&gt;
               &lt;h:graphicImage styleClass="statusImage"
                    value="../../resources/images/ampel/#{artikel.ampelStatus.name}.png"/&gt;
           &lt;/div&gt;
  
           &lt;ui:include src="/WEB-INF/pages/articlelist/article_tooltip.xhtml" /&gt;
        &lt;/rich:column&gt;
        ........
  
        &lt;f:facet name="footer"&gt;
            &lt;rich:dataScroller for="artikelListTable" fastControls="hide" /&gt;
        &lt;/f:facet&gt;
  &lt;/rich:dataTable&gt;
  </code></pre>