Отображение данных таблицы в колбе Python

Я перечисляю данные, поступающие из базы данных, в виде таблицы. Но это не выравнивание как таблица.

то, что я хочу отобразить на веб-странице,

Name       john mark 
Faculty    cs 
University xxx 

Но на веб-странице я получаю следующее:

Name john mark 
Faculty cs 
University xxx

В моем .html у меня есть

{% for item in data %}
<tr>
    <td>{{item[0]}}</td>
    <td>{{item[1]}}</td>
</tr>
<br>
{% endfor %}

Пожалуйста, помогите мне с этим, так как я новичок в python flask.

Вы обернули tr элементом таблицы?

BeeBee8 21.05.2018 05:35

Нет, в моем .html есть только то, что я упомянул выше. Нужно ли оборачивать его элементом таблицы?

AnjuT 21.05.2018 05:39

Да, конечно. Вы должны создать правильную структуру таблицы. Тогда он будет отображаться правильно.

BeeBee8 21.05.2018 05:50

Да, помогло. Спасибо @BhushanBabar

AnjuT 21.05.2018 05:57

Привет, Пожалуйста, проголосуйте и примите ответ, если он действительно помог. Спасибо.

BeeBee8 21.05.2018 07:02
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
5
4 240
2

Ответы 2

Вот как должен выглядеть действительный табличный HTML. Вы не обернули tr элементом <table>.

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>

Итак, ваш код должен выглядеть так.

<table>
{% for item in data %}
<tr>
    <td>{{item[0]}}</td>
    <td>{{item[1]}}</td>
</tr>
{% endfor %}
</table>

Я не думаю, что внутри таблицы есть необходимость в теге br.

Nandita Sharma 21.05.2018 07:06

@NanditaAroraSharma Да, не требуется, но это не ломает таблицу, я тестировал, кроме того, это не было проблемой, которая вызвала проблемы для OP.

BeeBee8 21.05.2018 07:07

Согласен, это не вызывает никаких проблем, но может вызвать проблемы в IE :) Поэтому нам следует избегать использования всего, что не соответствует разметке таблицы.

Nandita Sharma 21.05.2018 07:09

@NanditaAroraSharma Да, я заметил это, но его скопировали. Спасибо, что указали на это.

BeeBee8 21.05.2018 07:11

Попробуйте этот HTML

<table>
    <tbody>
    {% for item in data %}
    <tr>
        <td>{{item[0]}}</td>
        <td>{{item[1]}}</td>
    </tr>
    {% endfor %}
    </tbody>
</table>

Другие вопросы по теме