Page Scoll Left to Right

🎈 Using Streamlit
1

Hi,

I know that st.columns can nicely adjust to fit the screen. However, I would like the columns to have a fixed width, and there will be a sidebar that I can scoll left to right to view my material on the page. Is there any suggested way to do it?
Capture

Thanks.

2

Hi @Jenny

It might be possible to use the CSS hack to alter the width of the “table / material”.

In essence, you want to figure out the CSS element ID of “table / material” so that you can modify the width via CSS.

To do this, in Chrome go to View > Developer > Inspect Elements

I made a tutorial about this in this video on How to apply custom CSS styles in Streamlit apps.

Best regards,
Chanin