Question

RichFaces扩展数据表在渲染时有一个外部div，用于设置隐藏的所有溢出。因此，显示每行的工具提示不能很好地工作，因为当将鼠标悬停在表格底部或右边缘的行上时，工具提示会被部分隐藏。

呈现的HTML看起来很像这样。为了清楚起见，RichFaces渲染引擎完全控制输出外部DIV的样式，包括第3行的“溢出：隐藏”：

<div id="toplevelform:myTable" class="extdt-maindiv rich-extdt-maindiv">
    <div id="toplevelform:myTable:od" class="extdt-outerdiv"
        style="width:100%; height:100%; overflow:hidden;">

        <!-- inner divs to display rows and columns with their 
            respective tooltips here -->

    </div>
</div>

第3行的“溢出：隐藏”导致问题，如果我使用客户端后缀（例如Firebug编辑器）手动删除它，它修复了问题，但我需要在RichFaces框架内解决它，所以CSS从一开始就没有输出过。

用于生成此内容的RichFaces标记看起来很像：

<rich:extendedDataTable id="myTable" value="#{backingBean.myIterableProperty}" var="myPropVar">
    <rich:column id="nameCol" width="100%">
        <h:outputText value="#{myPropVar.name}"/>
        <rich:toolTip direction="bottom-right" layout="block">
            My tooltip text here...
        </rich:toolTip>
    </rich:column>
</rich:extendedDataTable>

是否有一种干净的方法可以清楚地显示工具提示而不受限制其边界DIV，因为它必须在到达客户端之前必须修复它？

改变工具提示方向也不是答案，BTW！

Answer 1

答案是否定的。通过这种方式，RichFaces扩展数据表非常有缺陷。

可以使RichFaces工具提示在包含extendedDataTable的外部溢出吗？

1 个答案: