xhtml - Primefaces工具提示在数据表中的定位

Question

我们正在数据表上实现 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>

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

我希望它会起作用。