小编Luc*_*nho的帖子

在Flask中使用动态元素构建Bootstrap表

我正在与Flask一起构建一个从SQLAlchemy数据库中获取的人员列表中的Bootstrap表.但是,我想要放在表格中的信息出现在它上面.

这是有问题的代码:

<!DOCTYPE html>

{% extends "base.html" %}

{% block page_content %}
<div class="page-header">
    <h1>componentes familiares</h1>
        <table class="table">
            <thead>
                <th>name</th>
                <th>age</th>
                <th>option</th>
            </thead>
            <tbody>
                {% for person in people %}
                    <tr>{{ person.name }}</tr>
                    <tr>{{ person.age }}</tr>
                    <tr>{{ person.option }}</tr>
                {% endblock %}
            </tbody>
        </table>
{% endblock %}
Run Code Online (Sandbox Code Playgroud)

(这已经是一个精简版本了,因为我一直在关闭它以确定它是否能解决问题.)

但是,假设我的数据库中有两个人,Alice和Bob.爱丽丝30岁,鲍勃40岁,爱丽丝选择1,鲍勃2岁.这就是我得到的:

在此输入图像描述

信息在那里,但它在表格上方呈现.在它下面是表头和一个空表行.

链接

我发现关于瓶引导表另一个问题在这里,但它并没有真正解决我的问题.我的数据完全按照我的要求传递到html页面,我只想把它放在一个表中.

我还发现了Flask-Table,它是用Python构建表然后使用它的扩展.它可能最终成为一个解决方案,但我仍然没有看到我的代码有什么问题.

Bootstrap文档中找不到任何有用的东西.

任何帮助非常感谢!

python sqlalchemy flask twitter-bootstrap bootstrap-table

4
推荐指数
1
解决办法
9733
查看次数