Primefaces工具提示在数据表中的定位答案

【问题标题】：Primefaces tooltip positioning in datatablePrimefaces工具提示在数据表中的定位
【发布时间】：2012-04-05 07:27:36
【问题描述】：

我们正在数据表上实现 primefaces 工具提示。但是工具提示发布远离数据行。

<p:tooltip targetPosition="bottomLeft" Delay="0" showDelay="0">
<h:outputText value="#{label.lockTime}"
style="font-weight:bold" />
<h:outputText value=": #{cert.lockTime}" />
<p:spacer width="1" height="10" />
<h:outputText value="#{cert.label} " style="font-weight:bold" />
<h:outputText value=": #{cert.userDetails}" />
</p:tooltip>

【问题讨论】：

Primefaces 数据表目前不支持工具提示。我相信 Primefaces Extensions 项目有一个支持 dataTable 的工具提示组件，或者您可以查看这个问题并实施一个覆盖面板 hack，stackoverflow.com/questions/9980155/…

标签： xhtml primefaces

【解决方案1】：

你试试这个

<p:tooltip />
<p:dataTable var="var" ........>
    <p:column headerText="Market" >
        <h:outputText value=" #{var.market}" title=" #{var.market}" 
                      style="display:block;">
        </h:outputText>             
     </p:column> 
     <p:column headerText="Value" >
        <h:outputText value=" #{var.value}" title=" #{var.value}" 
                      style="display:block;">
        </h:outputText>             
     </p:column> 

</p:dataTable>

我希望它会起作用。

【讨论】：