Раскрывающиеся значения скрыты внутри прокручиваемого заголовка таблицы - Primeng

Question

Я использовал p-таблицу Primeng с фильтром и функцией замороженных столбцов (один столбец замораживается, остальные подвижны).В шапке я даю select dropdown в качестве фильтра управления.Когда я открываю раскрывающийся список, значения скрываются, как показано на рисунке.

Раскрывающийся список со скрытыми значениями

Поскольку заголовок таблицы прокручивается, его переполнение имеет свойство: скрытый.Поэтому, когда я удаляю это, выпадающие значения становятся видимыми, но заголовок таблицы не скрывается, как показано ниже.

После удаления переполнения скрыто

Answer 1

Я повторил вашу проблему. И есть опция под названием appendTo для выпадающего меню. Что легко решит эту проблему.

Просто добавьте эту опцию в раскрывающемся списке, как показано ниже:

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

Вот и все.

2-й вариант:

перезаписать ниже CSS:

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

Это просто еще один хак для этого.