Thymeleaf中每N次迭代后如何更改Row？

问题描述

我的问题是一起使用百里香叶迭代和if-else条件。假设我的MysqL 数据库中有100种产品，我想使用卡片在网页上显示它们，并且一行中只有4张卡片（我可以连续打印它们），但是我想每隔4次更改一次迭代（0-3），以便新的四张卡将显示在下一行。

我的百里香模板页面：-

<div class="container" >
<div class="row">
    <div class="col-xl-3" th:each="products : ${listofProducts}">
        <div class="card" style="width: 15rem;">
            <img class="card-img-top" src="..." alt="Card image cap">
            <div class="card-body">
                <p class="card-title" th:text = "${products.productName}"></p>
                <hr>
                <p class="card-text" th:text = "${products.productCost}"></p>
                <a href="#" class="btn btn-primary">AddToCard</a>
            </div>
        </div>
     </div>
</div>

我知道我们可以使用循环和if-condition来做到这一点，但是我不熟悉thymeleaf语法，因此请帮助我摆脱这一困境。在此先感谢您的话对我很有价值。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

thymeleaf