Fix table overflow styling

[mayagbarnes]

📚 Context

Currently, st.table content overlaps beyond the parent container - this PR fixes the issue by styling the overflow content to be scrolled for both arrow/legacy.

• What kind of change does this PR introduce?

  • Bugfix

🧠 Description of Changes

• Add overflow: "auto" to the styled components for ArrowTable and Table
  • This is a visible (user-facing) change

Revised:

Current:

🧪 Testing Done

• Screenshots included
• Added/Updated e2e tests

🌐 References

Does this depend on other work, documents, or tickets?

• Issue: Closes DataFrames in columns intermittently overlapping. #4914
• Issue: Closes Set overflow to scroll for expander content #4930

---

Contribution License Agreement

By submitting this pull request you agree that all contributions to this project are made under the Apache 2.0 license.

[LukasMasuch]

Do you know why the height in the table snapshots is influenced by this change? It is probably requiring some additional space for the scrollbars, or?

[mayagbarnes]

That's correct! The scrollbar itself doesn't show since there is no cursor hovering over the table, but the "auto" styling applies a scrollbar to the test based on the overflow content.

Code from test script:

[LukasMasuch]

LGTM 👍 But I think we might be able to prevent the additional spacing:

I saw a recent task from @jrieke to have all top/bottom paddings standardized (including tables, charts, and data frames). We are probably fine to add this right now since it is not standardized yet, but maybe overlay is a better way to do this since it won't add any extra space for the scrollbar (at least in webkit browsers). We are using this in a few places in the codebase, e.g.:

streamlit/frontend/src/components/core/Sidebar/styled-components.ts

Line 53 in b17b74c

overflow: ["auto", "overlay"],

My suggestion would be to change it to:

overflowX: ["auto", "overlay"]

overflowX since we are mainly trying to fix the vertical dimension, or? If overlay does not work, I'm also fine with auto.