Я прохожу 100-дневный курс веб-кода, и одним из первых проектов является создание чего угодно с базовыми знаниями фляги, которые я выучил за 1-4 дня.
Теперь, так как я много работаю с информационными фреймами, я подумал, что создам информационный фрейм, который отслеживает мой прогресс, а затем визуализирую его с помощью таблицы начальной загрузки 4.
Однако, когда я делаю это, содержимое информационного фрейма уменьшается ион очень мал:
сейчас, когда я удаляю шаблонный код jinja и просто использую статически типизированные данные, он масштабируется до страницы, так что я не уверен, что яЯ пропал здесь, просматривая pandas.to_html и несколько часов ТАКОГО поиска в Google сделали меня мудрее.
мой код выглядит следующим образом:
фрейм данных
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 Table Здесь:
https://getbootstrap.com/docs/4.3/content/tables/