title: Show Tooltip when mouse over the header column dataTable
body: <p>How to show tooltip for the header of dynamic Table p:dataTable when the mouse over the header to display the entire title of header column.</p>
  
  <pre><code>&lt;p:dataTable id="detailDataTable" widgetVar="detailWidgetVar"
   value="#{model.elements}" var="element"
  
  paginator="false" resizableColumns="false" scrollWidth="100%"
   scrollable= "true" emptyMessage="Aucun résultat"
  styleClass="tableResultat" rowStyleClass=""&gt;
  &lt;p:columns value="#{model.columns}" var="column" columnIndexVar="colIndex"
  headerText="#{column.header}"
  styleClass="#{column.styleClass}" width="#{column.width}"
  sortBy="#{(element[column.productId])[column.property]}"&gt;
  &lt;h:outputText value="#{(element[column.productId])[column.property]}"
  title="#{(element[column.productId])[column.property]}"/&gt;
                          &lt;/p:columns&gt;
                      &lt;/p:dataTable&gt;
  </code></pre>