Пользовательская таблица HTML в потоке ⇐ CSS

[Anonymous]

Я пытаюсь отобразить пользовательскую таблицу HTML, оформленную с помощью CSS. Я могу загрузить свою таблицу, но указанный файл CSS по какой-то причине не используется. Вот пример моего html-кода

Код: Выделить всё

HTML Pandas Dataframe with CSS






team
player
week
year
x
y




0

[img]https://a.espncdn.com/i/teamlogos/nfl/500/kc.png[/img]


[img]https://static.www.nfl.com/image/private/f_auto,q_auto/league/xw0jhb7zeobj4bkxfpwg[/img]

1
2020
15
10




.

вот как я сгенерировал этот HTML-код с помощью pandas

Код: Выделить всё

html_string = """

HTML Pandas Dataframe with CSS


{table}

.
"""
import streamlit as st
import streamlit.components.v1 as components
import pandas as pd

html_string.format(
table=df.to_html(
classes="mystyle",
escape=False,
formatters=format_dict,
justify="center",
)
)

а вот мой CSS-файл df_style.css, который находится в том же каталоге, что и мой файл приложения с потоковой подсветкой

Код: Выделить всё

.mystyle {
font-size: 11pt;
font-family: Arial;
border-collapse: collapse;
border: 1px solid rgb(237, 69, 69);

}

и вот как я отобразил таблицу с помощьюstreamlit

Код: Выделить всё

    components.html(
html_string.format(
table=df.to_html(
classes="mystyle",
escape=False,
formatters=format_dict,
justify="center",
)
),
)

но таблица просто отображается со стилем таблицы HTML по умолчанию, а не ссылается на мой CSS. В этом вопросе stackoverflow отмечается, что pandas *.to_html() "добавляет двойные классы , на которые можно ссылаться в CSS индивидуально, .dataframe {...} .mystyle{ ...} или вместе .dataframe.mystyle {...}", но я все еще не могу заставить поток ссылаться на мой файл CSS при использовании любого из этих соглашений об именах для классов CSS. в моем файле. Есть идеи? Это должно быть возможно, учитывая, что пример в документации ссылается на загрузочный файл CSS.
РЕДАКТИРОВАТЬ: в этом сообщении о формах с потоковой подсветкой я смог заставить CSS отображаться с помощью поместив его в статическую папкуstreamlit. Теперь вопрос в том, будет ли CSS по-прежнему отображаться правильно, если все мои файлы будут храниться в репозитории GitHub?

Подробнее здесь: https://stackoverflow.com/questions/732 ... -streamlit