在 Python Flask 中使用 render_template 时如何更改表格样式？答案

【问题标题】：how do i change table style when using render_template in Python Flask?在 Python Flask 中使用 render_template 时如何更改表格样式？
【发布时间】：2021-08-20 13:57:17
【问题描述】：

我正在使用烧瓶、html 和 css 制作网站，我使用 pandas 读取 csv 文件，进行一些计算并在我的 html 中给我一个表格。我怎样才能改变桌子的风格？还有如何并排打印表格？

这是烧瓶位

@app.route('/')
def about():
    data = df[['attempts', 'activity']]
    data = data.groupby('activity').sum().sort_values('attempts', ascending=False).reset_index()

    datas = df[['grade', 'activity']]
    datas = datas.groupby('activity').sum().sort_values('grade', ascending=False).reset_index()
    return render_template("about.html", data=data.to_html(header='true'), data1=datas.to_html(header='true'),

这是 html 位：

    <section id="problems">
        <h2>problems</h2>
        <p class="lead">{{data | safe}} {{data1 |safe}}</p>
    </section>

【问题讨论】：

你昨天没问过这个问题吗？

标签： python html css pandas

【解决方案1】：

如何改变表格的样式？

如果你使用pandas.DataFrame.to_html，它确实接受类，所以如果你准备了CSS类说mytable，那么在你调用df.to_html的地方添加classes=["mytable"]就足够了（其中df 是pandas.DataFrame)

【讨论】：

【解决方案2】：

您可以使用 css 自定义 html 代码的结果。例如，您创建了一个 css 文件，您可以从当前代码中引用“lead”类并更改颜色、边距等。要开始，请查看您想要更改的确切内容，并查看它将如何与 css/html 一起使用。对于表格，您可能需要更改 html 并添加表格并将当前的 html 代码存储在其中，例如 tabledata 和 table row 并将要显示的数据放入其中。我希望这能让你开始，这样你就知道在哪里可以查找它！

【讨论】：