无法获取pandas dataframe.to_html来缩放/放入引导表

Question

我要学习100天的网络代码课程，而第一个项目之一就是利用我在1-4天中学到的烧瓶知识来构建任何东西。

现在，由于我经常使用数据框，所以我认为我会创建一个数据框来跟踪我的进度，然后通过bootstrap 4表来呈现它。

但是，当我这样做时，数据框的内容会缩小并且非常小：

现在，当我删除jinja模板代码并仅使用静态类型的数据时，它会缩放到页面，因此不确定我在这里缺少什么，遍历pandas.to_html，几个小时的SO谷歌搜索使我一无所获更加明智。

我的代码如下：

数据框

import pandas as pd


df = pd.DataFrame({'Day': ['1-4', '5-9', '10', '11', '12'],
                   'Project': ["Flask", "Unknown", "Unknown", "Unknown", "Unknown"],
                   'Status': ['In Progress', 'Not Started', 'Not Started','Not Started','Not Started']})

路由文件：

from program import app, charts as c, df as d
import datetime
from flask import render_template


@app.route('/')
@app.route('/index')

def index():
    return render_template('index.html',tables=[d.df.to_html(classes=["table-bordered", "table-striped", "table-hover"])],
    titles = d.df.columns
    )

@app.route('/100Days')
def p100days():
    return render_template('100Days.html')

@app.route('/bar')

def bar():
    bar_labels = c.labels
    bar_values = c.values
    return render_template('bar.html', title='myChart', max=0.1, labels=bar_labels, values=bar_values)

最后是我的索引页上的bs4表：

 <table class="table" id='myTable'>
 {% for table in tables %}
  <thead>
    <tr>
      <th scope="col">{{titles[loop.index]}}</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>{{ table|safe }}
  {% endfor %}</td>
    </tr>
    </tbody>
  </table>

{% endblock %}

请告诉我这是否不是最低要求，还是需要任何其他信息。

该表应类似于BS4表文档中的示例表：

https://getbootstrap.com/docs/4.3/content/tables/