Jsf 2 将鼠标悬停在标题列dataTable上时显示工具提示
当鼠标悬停在标题上以显示标题列的整个标题时,如何显示动态表p:dataTable标题的工具提示Jsf 2 将鼠标悬停在标题列dataTable上时显示工具提示,jsf-2,primefaces,datatable,tooltip,Jsf 2,Primefaces,Datatable,Tooltip,当鼠标悬停在标题上以显示标题列的整个标题时,如何显示动态表p:dataTable标题的工具提示 <p:dataTable id="detailDataTable" widgetVar="detailWidgetVar" value="#{model.elements}" var="element" paginator="false" resizableColumns="false" scrollWidth="100%" scrollable= "true" emptyMessage=
<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>
您可以使用;您只需要更改设置标题文本的方法,使用
而不是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>
发生了两件事
title
属性。这是全局工具提示的挂钩,用于显示每列的工具提示文本