0 Replies Latest reply on Nov 2, 2011 4:26 AM by Markus Dahm

    Howto add tooltip to rows of rich:dataTable

    Markus Dahm Novice



      is it possible to add a tooltip to an entire row of a rich:dataTable?

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


      The code looks like this:



      <rich:dataTable id="artikelListTable" rowClasses="oddRow, evenRow"  rows="15" value="#{artikelListeController.artikelListe}"
                   <rich:column id="laufendeNummer" sortBy="#{artikel.laufendeNummer}">
                      <f:facet name="header">
                              value="#{messages['devA.articlelist.laufendeNummer']}" />
                      <h:outputText value="#{artikel.laufendeNummer}">
                           <f:convertNumber pattern="00000" />
                      <ui:include src="/WEB-INF/pages/articlelist/article_tooltip.xhtml" />
                  <rich:column id="status" headerClass="statusColumn">
                      <f:facet name="header" >
                          <h:outputText value="#{messages['devA.articlelist.status']}" style="left: 25%; position: relative;"/>
                      <div align="center">
                          <h:graphicImage styleClass="statusImage"
                      <ui:include src="/WEB-INF/pages/articlelist/article_tooltip.xhtml" />
                <f:facet name="footer">
                      <rich:dataScroller for="artikelListTable" fastControls="hide" />


      Any ideas?


      Thanks in advance