【问题标题】:How to format jinja tables如何格式化神社表格
【发布时间】:2020-07-10 15:28:25
【问题描述】:

我有一个表格,我正在尝试在烧瓶 HTML 网站上正确显示表格。

我的python文件是

@app.route('/test', methods=['GET'])
def LoadTest():
    global USERS,STARTTIME,ENDTIME,SUBTYPE,SUBSTATUS,USAGE
    CollectValues()
    titles = ['USERS','STARTTIME','ENDTIME','SUBTYPE','SUBSTATUS','USAGE']
    return render_template('Test.html', data1 = USERS , data2 = STARTTIME ,titles = titles)

我当前的html代码是

  <table>
{% for item in titles %}
   <th class="c1">{{item}}</th>
{% endfor %}
{% for dater in data1 %}
  <tr><td class="c2">{{dater}}</td></tr>
{% endfor %}

{% for dater2 in data2 %}
<tr><td>{{dater2}}</td></tr>
{% endfor %}

但是,这会将表格输出为

USERS   STARTTIME   ENDTIME     SUBTYPE     SUBSTATUS   USAGE
cody
mimic
james
7/10/2020
7/11/2020
7/12/2020

我正在尝试像这样格式化表格

USERS   STARTTIME   ENDTIME     SUBTYPE     SUBSTATUS   USAGE
cody    7/10/2020   8/10/2020   Premium     Active       15GB
mimic   7/11/2020   8/11/2020   Premium     Active       15GB
James   7/12/2020   8/12/2020   Premium+    Active       25GB

所有位于表格标题下方的表格内容都在列表中。我有一个用户、开始时间、结束时间、子类型、子状态和使用情况的列表。我很难正确格式化。我一直回到他们堆叠的问题。

【问题讨论】:

  • 您能否为您的路线提供更多代码。很难看出这些数据是如何归属在一起的。 USERS 和 STARTTIME 是属于同一个数据记录还是属于附加数据记录?
  • @Detlef 我更新了帖子以显示路线。 USER , STARTTIME 等列表只是从一个 txt 文件中解析出来的,im 用作磨损的数据库。

标签: html flask jinja2


【解决方案1】:

我认为以下应该可以解决您的问题。

@app.route('/test', methods=['GET'])
def load_test():
  global USERS,STARTTIME,ENDTIME,SUBTYPE,SUBSTATUS,USAGE
  CollectValues()
  titles = ['USERS','STARTTIME','ENDTIME','SUBTYPE','SUBSTATUS','USAGE']
  dataset = zip(USERS, STARTTIME, ENDTIME, SUBTYPE, SUBSTATUS, USAGE)
  return render_template('test.html', titles=titles, data=dataset)
<table>
  <thead>
    <tr>
    {% for item in titles %}
      <th class="c1">{{item}}</th>
    {% endfor %}
    </tr>
  </thead>
  <tbody>
  {% for user, starttime, endtime, subtype, subsstatus, usage in data %}
    <tr>
      <td class="c2">{{user}}</td>
      <td class="c2">{{starttime}}</td>
      <td class="c2">{{endtime}}</td>
      <td class="c2">{{subtype}}</td>
      <td class="c2">{{substatus}}</td>
      <td class="c2">{{usage}}</td>
    </tr>
  {% endfor %}
  </tbody>
</table>

【讨论】:

  • 那更近了。它仍然在第一个 collum 下堆叠列表
  • 这是我当前用于测试页面的 HTML。它仍然存在堆叠问题,我相信一切都设置正确。 简单表格 {% for item in title %} {% endfor %} {% for item in data %} {% endfor %} 表格>
    {{item}}
    {{item}}
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-09-25
  • 1970-01-01
相关资源
最近更新 更多