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

时间:2012-04-05 07:27:37

标签: xhtml primefaces

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

1 个答案:

答案 0 :(得分: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>

我希望它会奏效。