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

Question

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

Dropdown with hidden values

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

After removing overflow hidden

Answer 1

我复制了您的问题。下拉菜单中有一个名为appendTo的选项。可以轻松解决此问题。

只需在您的下拉菜单中添加此选项，如下所示：

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

仅此而已。

第二个选项是：

在CSS下方覆盖：

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

这只是做到这一点的另一种方法。