th:each-在同一列中设置所有属性?

时间:2018-11-28 10:14:15

标签: html spring-boot bootstrap-4 thymeleaf

我有一个问题:我将数据库中的“开放时间”加载到视图(星期一,星期二,...,星期日)中。

但是它在星期一栏中列出了所有7个“开放时间”。

这是代码:

(HTML)

<div class="table-hover">
        <table class="table table-striped table-bordered table-hover">
            <thead>
                <h4 class="page-header">Opening Hours</h4>

            <tr>
                <th>Monday</th>
                <th>Tuesday</th>
                <th>Wednesday</th>
                <th>Thursday</th>
                <th>Friday</th>
                <th>Saturday</th>
                <th>Sunday</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="w: ${op}">
                <div th:if="${w.day == 1}">
                    <td th:text="${w.openinghours}"/>
                </div>
                <div th:if="${w.day == 2}">
                    <td th:text="${w.openinghours}"/>
                </div>
                <div th:if="${w.day == 3}">
                    <td th:text="${w.openinghours}"/>
                </div>
                <div th:if="${w.day == 4}">
                    <td th:text="${w.openinghours}"/>
                </div>
                <div th:if="${w.day == 5}">
                    <td th:text="${w.openinghours}"/>
                </div>
                <div th:if="${w.day == 6}">
                    <td th:text="${w.openinghours}"/>
                </div>
                <div th:if="${w.day == 7}">
                <td th:text="${w.openinghours}"/>
                </div>

            </tr>
            </tbody>
        </table>
    </div>

视图的屏幕截图:

enter image description here

感谢您的帮助-非常感谢!

2 个答案:

答案 0 :(得分:0)

找到了这个解决方案:

<tbody>
                    <td th:text="${op[0].openinghours}"></td>
                    <td th:text="${op[1].openinghours}"></td>
                    <td th:text="${op[2].openinghours}"></td>
                    <td th:text="${op[3].openinghours}"></td>
                    <td th:text="${op[4].openinghours}"></td>
                    <td th:text="${op[5].openinghours}"></td>
                    <td th:text="${op[6].openinghours}"></td>
            </tr>

答案 1 :(得分:0)

它应该像这样:

<tbody>
    <tr>
        <td th:each="w: ${op}" th:text="${w.openinghours}" />
    </tr>
</tbody>