Как установить 100% ширину страницы в Streamlit: несколько методов с примерами кода

Чтобы установить ширину страницы в Streamlit на 100 %, вы можете использовать стили CSS. Вот несколько методов с примерами кода:

Метод 1. Использование файла CSS

  1. Создайте CSS-файл, скажем, styles.css
    body {
    width: 100%;
    }
  2. В файл приложения Streamlit импортируйте модуль streamlitи используйте функцию st.markdown, чтобы применить файл CSS к приложению:
    import streamlit as st
    def main():
    st.markdown('<link href="styles.css" rel="stylesheet">', unsafe_allow_html=True)
    # Rest of your Streamlit app code
    if __name__ == '__main__':
    main()

Метод 2. Использование встроенного CSS

  1. В файле приложения Streamlit используйте функцию st.markdown, чтобы применить встроенный CSS непосредственно к приложению:
    import streamlit as st
    def main():
    st.markdown(
        """
        <style>
        body {
          width: 100%;
        }
        </style>
        """,
        unsafe_allow_html=True
    )
    # Rest of your Streamlit app code
    if __name__ == '__main__':
    main()

Метод 3. Использование функции set_page_configStreamlit

  1. В файле приложения Streamlit используйте функцию set_page_config, чтобы установить для параметра wide_modeзначение True:
    import streamlit as st
    def main():
    st.set_page_config(layout="wide")
    # Rest of your Streamlit app code
    if __name__ == '__main__':
    main()

    По умолчанию функция set_page_configStreamlit устанавливает для wide_modeзначение False, что ограничивает ширину страницы. Если установить значение True, страница будет занимать всю ширину.