本文介紹了包含行跨度的百里葉表問題(1個訂單,N篇文章)的處理方法,對大家解決問題具有一定的參考價值,需要的朋友們下面隨著小編來一起學習吧!
問題描述
我正在為訂購系統創建一個簡單的Intranet Web視圖,以顯示當前正在處理的所有訂單。然而,我堅持使用胸腺葉標記:
public class Order {
private Factory factory;
private String orderNumber;
private Date orderDate;
....
private List<Article> articles;
}
public class Article {
private String number;
private String name;
}
我想要實現的內容如下(1個訂單+3篇文章按此順序):
<table class="table table-striped table-hover table-middle table-condensed table-bordered">
<thead>
<tr>
<th>OrderNr</th>
<th>Date</th>
<th>Article Number</th>
<th>ArticleName</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">Order 32</td>
<td rowspan="3">27.03.2020</td>
<td>17442</td>
<td>Screws</td>
</tr>
<tr>
<td>023423</td>
<td>Potatoe</td>
</tr>
<tr>
<td>32342</td>
<td>YetAnotherItem</td>
</tr>
</tbody>
</table>
所有常見的內容應該在所有文章中排成一行,并且應該每行查看一篇文章。然而,我不知道如何用兩個TH來實現這一點:每個TH(一個用于訂單,一個用于訂單的物品)。我可以在標記中使用大量的if來”展平”我的視圖(每行由一個Line-Object表示),但在我看來,這是一個非常骯臟的變通……
有人能幫我找到更好的解決方案嗎?
非常感謝!
推薦答案
<table>
<thead>
<tr>
<th>OrderNr</th>
<th>Date</th>
<th>Article Number</th>
<th>ArticleName</th>
</tr>
</thead>
<tbody>
<div th:remove="tag" th:each="order:${orderList}"
th:with="articleCount=${order.articleList.size()}">
<tr>
<td th:text="${order.orderNumber}" th:rowspan="${order.articleList.size()}"></td>
<td th:text="${order.orderDate}" th:rowspan="${order.articleList.size()}"></td>
<td th:text="${articleCount>0}?${order.articles[0].number}:''"></td>
<td th:text="${articleCount>0}?${order.articles[0].name}:''"></td>
</tr>
<tr th:each="article,stats:${order.articles}" th:if="${!stats.first}">
<td th:text="${article.number}"></td>
<td th:text="${article.name}"></td>
</tr>
</div>
</tbody>
</table>
th:remove="tag"
For Removediv
For Removediv
TABLE生成后。
已更改以避免呈現問題。感謝@Martin C.的comment
這篇關于包含行跨度的百里葉表問題(1個訂單,N篇文章)的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,