не повторяя th для каждой строки таблицы - PullRequest
0 голосов
/ 11 июня 2018

есть ли способ удалить повторный th для каждой строки?

Я хочу, чтобы он отображался только в верхней части таблицы, а не повторялся для каждой строки, которую я импортирую из psql.Я искал и пробовал несколько вариантов, но, кажется, ни один не работает для меня.Я использую Flask и SQLAlchemy для подключения к таблице postgre.(таблица называется инъекцией)

Это часть моего кода:

{% block contents %}
    <h1>Injection Data</h1>
    {% for inject in injection %}
        <table>
        <tr>
            <th>Timestamp</th>
            <th>Cage Identifier</th>
            <th>Ear Notch Number</th>
            <th>Age</th>
            <th>Date of Birth</th>
            <th>Strain</th>

        </tr>
        <tr>
            <td>{{inject.Timestamp}}</td>
            <td>{{inject.Cage_Identifier}}</td>
            <td>{{inject.Ear_Notch_Number}}</td>
            <td>{{inject.Age}}</td>
            <td>{{inject.DOB}}</td>
            <td>{{inject.Strain}}</td>

        </tr>    
    </table>
    {% endfor %}
{% endblock contents %}

Однако заголовки столбцов th будут повторяться для каждой строки данных, импортируемых из postgreтаблица.

1 Ответ

0 голосов
/ 11 июня 2018

Ваши <th> и <table> не должны быть только в цикле <tr><td></td></tr> должны быть в цикле, как показано ниже.

{% block contents %}
    <h1>Injection Data</h1>
    <table>
        <tr>
            <th>Timestamp</th>
            <th>Cage Identifier</th>
            <th>Ear Notch Number</th>
            <th>Age</th>
            <th>Date of Birth</th>
            <th>Strain</th>
        </tr>
    {% for inject in injection %}
        <tr>
            <td>{{inject.Timestamp}}</td>
            <td>{{inject.Cage_Identifier}}</td>
            <td>{{inject.Ear_Notch_Number}}</td>
            <td>{{inject.Age}}</td>
            <td>{{inject.DOB}}</td>
            <td>{{inject.Strain}}</td>
        </tr>
    {% endfor %}
    </table>
{% endblock contents %}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...