Необходимо переопределить стиль данных ngx на двух разных страницах, не влияющих друг на друга

Question

".ngx-datatable datatable-header{
  overflow: visible !important;
}
.ngx-datatable {
  overflow: visible !important;
}"

У меня есть две таблицы данных ngx на двух разных страницах, и я установил настраиваемый фильтр в одном заголовке данных с помощью значка фильтра. Проблема в том, что выпадающий щелчок по значку обрезает раскрывающийся список, для этого я погуглил и получилзнать, что это проблема CSS и может быть решена.Поэтому я написал следующее в своем Angular SCSS-файле для одного связанного компонента.

Использование этой работы, но влияние на другие таблицы данных ngx.

Помогите или предложите мне что-нибудь по этому вопросу.

Answer 1

Разве у них обоих нет отдельных CSS-файлов?Если это так, то это не должно влиять друг на друга.Если они оба имеют тот же файл CSS, что и таблица стилей, предоставьте идентификатор для каждой таблицы и укажите одинаковый идентификатор в CSS, чтобы указанный стиль добавлялся только к этому идентификатору.

После того, как вы укажете стили ngx-datatable под соответствующими идентификаторами, они должны работать.Дайте мне знать, если это сработало.