防止p:dataTable空的时候缩水太多

Question

我使用 Primefaces DataTable 来显示一些数据。我还允许过滤和排序。在 Internet Explorer 中，将过滤器设置为 returns 没有结果（空 table）的值会使 table 缩小太多并出现滚动条：

这当然很难看。在所有其他浏览器中，它工作得很好。所以这可能是我使用的 Internet Explorer 或 Primefaces 版本的问题，但更改这些并不是真正的选择。

我可能需要一些 CSS 恶作剧来解决这个问题。我尝试使用 height/width 和 min-height/min-width 以及 p:dataTable 的 scrollWidth / scrollHeight 和 scrollable 属性，但这并没有达到目的。

有什么建议吗？

编辑：使用 Primefaces 6.2.17、Internet Explorer 21H1

Answer 1

在查看渲染后的 HTML 时，我注意到 <div> 数据表在 (<div class="ui-datatable-tablewrapper">) 中渲染了 CSS 设置：

.ui-datatable-tablewrapper {
    overflow: auto;
}

在我的 .css 文件中将其设置为 overflow: visible; 解决了我的问题：

Prevent p:dataTable from shrinking too much when empty