My page:
Code: Select all
<h:form prependId="false">
<p:dataTable value="#{testBean.userList}" var="user" [b]width="50"[/b] style="width: 80px;" rowIndexVar="index">
<p:column headerText="Name" width="80">
<t:outputText id="name" value="#{user.name}"/>
<p:tooltip for="name" [i]style="border: 1px solid black; width: 120px;text-align: center;">[/i]
<h:outputText value="#{user.name}" />
</p:tooltip>
</p:column>
</p:dataTable>
</h:form>
1. The width property of p:datatabel doesn't be seen in html source code, so I set width in style.
2. The same problem is with the property style of p:tooltip.
3. The position of tooltip is not correct, it is out of the datatable, the datatable just has one column.
Do you have any plan to do something enhancements to the components?