Вертикальная прокрутка возникает при использовании свойства overflow-x: auto из-за того, что содержимое элемента по ширине превышает его размеры. Таким образом, браузер добавляет горизонтальную полосу прокрутки, чтобы пользователь мог просмотреть всё содержимое, которое выходит за пределы элемента.
Чтобы избежать вертикального скролла при использовании мультиселекта в таблице со стилем overflow-x: auto, вам нужно убедиться, что ширина содержимого внутри элемента не превышает его размеры.
Один из способов это сделать - это задать ширину контейнера, в котором находится мультиселект, таким образом, чтобы она соответствовала размерам его содержимого. Для этого вы можете использовать свойство width или max-width.
Например, в коде выше можно добавить следующие стили:
```css
.table-container {
max-width: 100%; /* или любое другое значение */
}
```
Также можно задать фиксированную ширину контейнера, если вы знаете, что содержимое мультиселекта всегда будет иметь одну и ту же ширину:
```css
.table-container {
width: 500px; /* или любое другое значение */
}
```
Оба этих способа позволят избежать вертикальной прокрутки при открытии выпадающего списка мультиселекта.