1

複数のアドレスを繰り返し処理していますが、それぞれ 2 列の行に配置したいと考えています。Twitter Bootstrap でこれを実現する方法は次のようになります。

<div class="row-fluid">
    <div class="span6">First Address</div>
    <div class="span6">Second Address</div>
</div>
<div class="row-fluid">
    <div class="span6">Third Address</div>
    <div class="span6">Fourth Address</div>
</div>

単一の th:each ステートメントで Thymeleaf にこれを実行させることはできないようです。それは可能ですか?

4

1 に答える 1

2

必要な列の数に基づいて、配列をチャンクに分割できます。したがって、2 つの列の場合、次の操作を実行できます。

<div th:each="addressChunks : ${T(com.google.common.collect.Lists).partition(customerAddresses, 2)}" class="row-fluid">
    <div th:each="address : ${addressChunks}" th:object="${address}" class="span6">
        <address></address>
    </div>
</div>

于 2013-10-03T21:51:20.690 に答える