thymeleafを用いて、日付リストを2行ごとに列を変えて表示

Question

実現したいこと

• 以下の写真のように、2行ごとに列を変えて日付を表示したいです。

前提

フレームワーク：spring boot
テンプレートエンジン：thymeleaf

サーバー側から受け取った日付リストを表示する

発生している問題

データを右につなげるには<tr>タグ内の<td>を追加することで実現できます。
しかし、2行ごとに列を変えて日付を表示する方法が思いつかないです。

該当のソースコード

<table class="table-bordered" id="scheduleForm">
　　<div th:each="i : *{#numbers.sequence(0,#lists.size(scheduleForm)/2+#lists.size(scheduleForm)%2)}">
　　　　<th>日付</th>
　　</div>
　　<tr th:each="week, row : *{scheduleForm}">
　　　　<td th:text="${week.date}"></td>
　　</tr>
</table>

わかる方がいましたらよろしくお願いします！

Comments

[jimbe]

一行目は最初の日付から一日おきに列を生成、二行目は最初の日付+1の日付から一日おきに列を生成、ではどうでしょう。

[ryusen]

ありがとうございます！できました！

[ryusen]

すいません、jimbeさんをベストアンサーにしたいのですが、ベストアンサーボタンってどこにありますか？

[m.ts10806]

こちらは質問へのコメントであり回答欄ではないです。
具体的なコードなどはご自身で書かれたのでしょうし、
顛末を自身で回答として投稿した方が良いと思います。
いわゆる「自己解決」の形です。

[jimbe]

私は thymeleaf はやってないので実際出来るのか分からない状態で考えだけ書きましたので、お手数お掛けしますが m.ts10806 さんの仰る形でお願いします。

[ryusen]

かしこまりました。皆さんありがとうございます。

Answer 1

リストの偶数番目と奇数番目をif文で分岐することによって、実装をすることができました。

出力画面

ソースコード

<table class="table-bordered" id="scheduleForm">
　　<div th:each="i : *{#numbers.sequence(1, #lists.size(scheduleForm)/2 + #lists.size(scheduleForm)%2)}">
　　　　<th>日付</th>
　　</div>
　　<tr>
　　　　<div th:each="week, row : *{scheduleForm}">
　　　　　　<th:block th:if="${row.count % 2 == 1}">
　　　　　　　　<td th:text="${week.date}"></td>
　　　　　　</th:block>
　　　　</div>
　　</tr>
　　<tr>
　　　　<div th:each="week, row : *{scheduleForm}">
　　　　　　<th:block th:if="${row.count % 2 == 0}">
　　　　　　　　<td th:text="${week.date}"></td>
　　　　　　</th:block>
　　　　</div>
　　</tr>
</table>