Отображение результата запроса Django в HTML - таблице, списке, css div?

Я работаю над приложением django, которое будет возвращать то, что исторически было таблицей информации:

ISSUE  DESCRIPTION  INITIATOR  INITIATEDDATE  ASSIGNEE  FORECASTDATE  STATUS  REMARKS

Это будет точкой входа для пользователей для сортировки / фильтрации и т. д. Списка проблем. Такие столбцы, как ISSUE, DATES, NAMES, имеют относительно фиксированную ширину, но другие могут быть параграфом или более.

Как лучше всего отобразить это в HTML? В виде таблиц HTML, списков или с большим количеством диапазонов / разделов CSS?

В конце концов, я надеюсь сделать список проблем отсортированным или фильтруемым с помощью javascript.

Улучшение производительности загрузки с помощью 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 страниц, которые помогут...
0
0
2 617
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Если информация, которую вы пытаетесь отобразить, является табличной (как кажется), используйте таблицы.

Кроме того, посмотрите эти вопросы, чтобы обсудить еще больше!

Ответ принят как подходящий

Весь аргумент пуристов CSS состоит в том, что вам нужно сохранять семантически релевантный код содержащейся в нем информации. Вам нужно показать табличные данные, и для этого вы используете тег <table>. Единственная «проблема» с таблицами заключается в том, что они используются для управления компоновкой, например, когда ваша двухколоночная компоновка состоит из двух <td>, а не двух <div>. В этом случае, однако, вполне достаточно таблиц.

Как говорится в обоих ответах, табличные данные должны отображаться с использованием тега <table>.

Чтобы представить это в перспективе, когда таблицы используются для макета, это злоупотребление тегом таблицы. Когда теги div используются для создания табличной разметки, это злоупотребление в противоположном направлении. Не используйте одно для работы другого.

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