Overlfow auto 不起作用 - 自动添加 overflow-y 并隐藏内部元素

Question

我有一张桌子，我正在使用自定义日期选择器。我使用 overflow-x 作为滚动条，因为我有 20 多列要显示。

当我有 2-3 行并显示日期选择器时，它会自动在 y 方向添加滚动。它隐藏了我的日历。

<div class="table-container">
    <table>
        <thead>
        </thead>
    </table>
</div >


.table-container {
    overflow-x: auto;
}

1. 我尝试使用 overflow-y as visible 但它不起作用。
2. 当我不添加

   overflow-x: auto

   然后我在屏幕底部得到滚动条我不想要因为我在同一个屏幕上有多个表所以我希望滚动条应该只在父div的x方向上出现表。