隐藏popupPanel中的Richfaces dataTable渲染不良

Question

我有rich:popupPanel，其中包含rich:dataTable。弹出面板是隐藏的，直到按钮被按下，但数据表的骨架显示在页面上(popupPanel仍然隐藏)。骨架(网格)只有在popupPanel第一次显示后才会消失。这只发生在IE7中，这是来自其他方的非功能性需求。

如果有人有类似的问题，我将不胜感激。

Answer 1

找到了一个解决方法。(注意目标浏览器)

当popupPanel被隐藏时，表的网格(网格/骨架)不显示，只有当表具有style属性:

style="border-collapse:separate"

Answer 2

感谢您的解决方案!

但是，之后的表单元格之间有一些间隙。

为了恢复表的相同外观，您可能还需要使用一个简单的jQuery函数来在第一次显示弹出窗口时删除样式:

<a4j:commandButton id="showPopupButton" value="Show Details" render="detailsPopup"
limitRender="true" 
oncomplete="#{rich:jQuery('detailsPopupDataTable')}.css('border-collapse','');
#{rich:component('detailsPopup')}.show(); return true;"/>