1

Я работаю с Flask по созданию таблицы Bootstrap из списка людей, взятых из базы данных SQLAlchemy. Однако информация, которую я хочу положить в таблицу, появляется над ней.Создание таблицы Bootstrap с динамическими элементами в Flask

Вот код в вопросе:

<!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 %} 

(Это уже сократившиеся версия, так как я продолжал принимать вещи прочь, чтобы видеть, если это решит проблему.)

Но, допустим, У меня в моей базе два человека, Алиса и Боб. Алиса 30 и Боб 40, вариант Алисы 1 и Боба равен 2. Это то, что я получаю:

enter image description here

Информация есть, но он оказывается над столом. И прямо под ним идет заголовок таблицы и пустая строка таблицы.

Ссылки

я нашел еще один вопрос о таблицах Bootstrap в термос here, но это не реально решить мою проблему. Мои данные передаются на html-страницу точно так, как я хочу, я просто хочу положить ее в таблицу.

Я также нашел Flask-Table, расширение для построения таблицы в Python, а затем ее использование. Это может оказаться решением, но я до сих пор не вижу, что не так с моим кодом.

Не нашел ничего полезного в Bootstrap docs.

Любая помощь очень ценится!

ответ

6

Вы пропустили несколько <tr> и <td> тегов:

<table class="table"> 
    <thead> 
     <tr> 
      <th>name</th> 
      <th>age</th> 
      <th>option</th> 
     <tr> 
    </thead> 
    <tbody> 
     {% for person in people %} 
     <tr> 
      <td>{{ person.name }}</td> 
      <td>{{ person.age }}</td> 
      <td>{{ person.option }}</td> 
     </tr> 
     {% endfor %} 
    </tbody> 
</table> 

Вы стремитесь к столовому ряду (<tr>) для каждого пользователя, а также некоторые таблицы-данные (<td>) для каждого из их атрибутов , У вас также есть {% endblock %}, где вы должны иметь {% endfor %}.

+0

спасибо большое! Сейчас я ушел от компьютера, но завтра я исправлю свой код, и я уверен, что он сработает. –