隐藏在可滚动表格标题中的下拉值 - Primeng

Question

我使用了具有过滤器和冻结列功能的 Primeng p 表（一列被冻结，其余是可移动的）。在标题中，我将选择下拉列表作为过滤器控件。当我打开下拉菜单时，值被隐藏，如图所示。

带有隐藏值的下拉列表

由于表头是可滚动的，它具有属性溢出：隐藏。因此，当我删除它时，下拉值可见，但表头不会隐藏，如下所示。

去除溢出隐藏后

Answer 1

我复制了你的问题。还有一种叫做appendTo下拉选项的东西。这将很容易解决这个问题。

只需在下拉列表中添加此选项，如下所示：

<p-dropdown appendTo="body" placeholder="Type or Select"></p-dropdown>

就这样。

第二个选项是：

覆盖以下 CSS：

.ui-table-scrollable-header.ui-widget-header {
        overflow:visible;
    } 

这只是另一个黑客来做到这一点。