Показать подсказку при наведении указателя мыши на столбец заголовка dataTable

Question

Как показать всплывающую подсказку для заголовка динамической таблицы p: dataTable, когда мышь над заголовком отображает весь заголовок столбца заголовка.

<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=""> 
<p:columns value="#{model.columns}" var="column" columnIndexVar="colIndex" 
headerText="#{column.header}" 
styleClass="#{column.styleClass}" width="#{column.width}" 
sortBy="#{(element[column.productId])[column.property]}"> 
<h:outputText value="#{(element[column.productId])[column.property]}" 
title="#{(element[column.productId])[column.property]}"/> 
         </p:columns> 
        </p:dataTable> 

Answer 1

Вы можете использовать Global Primefaces Tooltip; Вам просто нужно изменить свой подход к настройке текста заголовка, используя атрибут <f:facet/>, а не атрибут headerText. Использование образца кода

<p:tooltip/> 

    <p:columns value="#{model.columns}" var="column" columnIndexVar="colIndex" 
     headerText= styleClass="#{column.styleClass}" width="#column.width}" sortBy="#{(element[column.productId])[column.property]}"> 
    <f:facet name="header"> 
      <h:outputText value="#{column.header}" title="#{column.header}"/> 
    </f:facet> 
     <h:outputText value="#{(element[column.productId])[column.property]}" title="#{(element[column.productId])[column.property]}"/> 
    </p:columns> 

Две вещи произошли

1. я определил глобальный <p:tooltip/>
2. Использование HTML-стандарт title атрибута текста заголовка фасетов. Это то, что захватывает глобальную всплывающую подсказку, чтобы отобразить текст всплывающей подсказки для столбца