Я создал таблицу с таблицей реакций и хочу использовать компонент реакции-выбора в качестве компонента фильтрации. Все запущено и работает, за исключением того, что выпадающий список из компонента реакции-выбора скрывается за таблицей.

Я довольно долго работал над этим вопросом. При стилизации реакции-выбора, чтобы она хорошо выглядела в строке фильтра.

Проблема в том, что я не могу найти другого способа переопределить правила CSS для

.ReactTable .rt-th,.ReactTable .rt-td

который, кажется, управляет строкой со всеми фильтрами. Этот css имеет правило overflow:hidden;, и изменение его на overflow:visible; решает мою проблему.

Жесткое кодирование изменений в этом файле, конечно, не лучший способ сделать это, так как у меня могут возникнуть проблемы в другом месте.

Что я пробовал:

1. Передача styles={{overflow:visible}} моему filterComponent. Это приводит к странному style='Object object', и мой стиль не читается.

2. Проезжая getProps:()=>{style:{overflow:'visible'}}. Пробовали другие методы, затем getProps, но безуспешно.

Любые другие идеи или предложения?

Решение

В документации отсутствовал реквизит getTheadFilterThProps. Свойство было найдено путем поиска в папке реагирующей таблицы и проверки наличия каких-либо реквизитов, отсутствующих в документации.

<ReactTable 
    getTheadFilterThProps={(state, rowInfo, column) => {
                            return {
                              style: {
                                overflow: 'visible',
                              }
                            };
                          }}