Добавьте объекты из БД в сетку w3.css, используя тимелеф - PullRequest
Новая
       10

Добавьте объекты из БД в сетку w3.css, используя тимелеф

0 голосов
/ 15 апреля 2019

У меня есть HTML-файл, который разбит на 4 столбца, я хочу добавить объекты из базы данных, используя тимилиф, на эту страницу, чтобы они были распределены между столбцами. Вот визуализация того, как это должно быть. Текущее решение работает, но это ужасно, я просто генерирую 4 длинные строки, содержащие HTML с содержимым объектов, и добавляю эти строки в качестве атрибутов с именами car1, car2 и т. Д. В файле HTML у меня есть следующий блок div: 

<div class="w3-row w3-grayscale-min">
    <div class="w3-quarter">
        <div th:remove="tag" th:utext="${car1}"></div>
    </div>
    <div class="w3-quarter">
        <div th:remove="tag" th:utext="${car2}"></div>
    </div>
    <div class="w3-quarter">
        <div th:remove="tag" th:utext="${car3}"></div>
    </div>
    <div class="w3-quarter">
        <div th:remove="tag" th:utext="${car4}"></div>
    </div>
 </div>

Я мог бы добавить дополнительное поле к каждому объекту с номером 1-4 и использовать его, чтобы указать, какой столбец использовать, но он также выглядит не очень хорошо 

<div th:each="car: ${cars}">
   <div>
    <a th:href="${car.href}">
        <img th:src="${car.picture}" style="width:100%">
        <div class="description" th:text="${car.model}"></div>
        <div th:text="${car}"></div>
    </a>
   </div>
</div>

Есть ли лучший способ сделать это с помощью тимелина (например, используя каждый =)?

...