React-select: странный взгляд внутри ячейки фильтра таблицы реакций, это проблема с CSS?

Question

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

Что я хочу сделать / иметь:

• поле поиска необходимо (иногда есть много вариантов для выбора)

• ввод с выбранными параметрами должен соответствовать ширине столбца, но высота можетизменить, если пользователь выбирает много элементов, если они не подходят, их следует переместить на следующую строку

I 'Мы подготовили скрипку - в первом столбце та же ситуация, что и в моем проекте. Может быть, кто-то может помочь мне с этим вопросом? Спасибо

https://codesandbox.io/s/react-table-custom-filtering-multiple-values-filter-tjtl3

Answer 1

Я отладил реальный веб-сайт реагировать на выбор

Ссылка: https://react -select.com / home

Это нормальное поведение для размеров окна вводаЕдинственная проблема в том, что вы получаете границу для ввода.

Чтобы быстро решить, что я порекомендую вам использовать селектор css и нацелить поисковый ввод для границы

.ReactTable .Select-input input {
    border: none;
}

Попробовал в своем коде иработает как положено