in thymeleaf, how to group by a duplicate item? - thymeleaf

Question

I try to display datas from a list in an html page by grouping by productType
Her is my code :
Models:
public enum ProductType {
HOTEL_PRODUCT("HOTEL_PRODUCT", "Hotel - Product"),
HEBERG_PRODUCT("HEBERG_PRODUCT", "Lodging - Product");
private final String code;
private final String description;
private ProductType(String code, String description) {
this.code = code;
this.description = description;
}
//Getters and Setters....
.
public class PriceProduct {
private BigDecimal price;
private BigDecimal taxes;
public PriceProduct() {
super();
}
public PriceProduct(BigDecimal price, BigDecimal taxes) {
super();
this.price = price;
this.taxes = taxes;
}
// Getters and Setters ....
.
public class Product {
private String productName;
private ProductType productType;
private PriceProduct priceProduct;
public Product() {
super();
}
public Product(String productName, ProductType productType, PriceProduct priceProduct) {
super();
this.productName = productName;
this.productType = productType;
this.priceProduct = priceProduct;
} // Getters and Setters
.
In the controller i methode:
#RequestMapping(value = "/all", method = RequestMethod.GET)
public List<Product> findAll(Model model){
List<Product> products=new ArrayList<>();
products.add(new Product("HAMILTON", ProductType.HOTEL_PRODUCT, new PriceProduct(new BigDecimal(200), new BigDecimal(20)) ));
products.add(new Product("SWANZI", ProductType.HEBERG_PRODUCT, new PriceProduct(new BigDecimal(100), new BigDecimal(10)) ));
products.add(new Product("PAPILLION", ProductType.HOTEL_PRODUCT, new PriceProduct(new BigDecimal(350), new BigDecimal(70)) ));
products.add(new Product("FORKAT", ProductType.HEBERG_PRODUCT, new PriceProduct(new BigDecimal(399), new BigDecimal(65)) ));
model.addAttribute("products", products);
return products;
}
This is my html page:
<div th:each="prod,row : ${products}" th:object="${prod}" style="width: 600px;" class="container">
<div class="col-xs-12" th:text="*{productType.description}"></div>
<div class="col-xs-12"></div>
<div class="col-xs-3"></div>
<div class="col-xs-3" th:text="*{productName}"></div>
<div class="col-xs-3" >Price</div>
<div class="col-xs-3" >Taxes</div>
<div class="col-xs-12"></div>
<div class="col-xs-3"></div>
<div class="col-xs-3" ></div>
<div class="col-xs-3" th:text="*{priceProduct.price}"></div>
<div class="col-xs-3" th:text="*{priceProduct.taxes}"></div>
</div>
But when i display all that it duplicate the productType:
I am looking for some think like this :

Answer 1

I found this solution bellow but if you can propose an other one more simple, so do it :)
<div th:each="prod,row : ${products.?[productType == T(com.test.model.ProductType).HOTEL_PRODUCT]}" th:object="${prod}" style="width: 600px;" class="container" >
<div class="col-xs-12" th:text="*{productType.description}" th:if="${row.first}"></div>
<div class="col-xs-12"></div>
<div class="col-xs-3"></div>
<div class="col-xs-3" th:text="*{productName}"></div>
<div class="col-xs-3" >Price</div>
<div class="col-xs-3" >Taxes</div>
<div class="col-xs-12"></div>
<div class="col-xs-3"></div>
<div class="col-xs-3" ></div>
<div class="col-xs-3" th:text="*{priceProduct.price}"></div>
<div class="col-xs-3" th:text="*{priceProduct.taxes}"></div>
</div>
<div th:each="prod,row : ${products.?[productType == T(com.test.model.ProductType).HEBERG_PRODUCT]}" th:object="${prod}" style="width: 600px;" class="container" >
<div class="col-xs-12" th:text="*{productType.description}" th:if="${row.first}"></div>
<div class="col-xs-12"></div>
<div class="col-xs-3"></div>
<div class="col-xs-3" th:text="*{productName}"></div>
<div class="col-xs-3" >Price</div>
<div class="col-xs-3" >Taxes</div>
<div class="col-xs-12"></div>
<div class="col-xs-3"></div>
<div class="col-xs-3" ></div>
<div class="col-xs-3" th:text="*{priceProduct.price}"></div>
<div class="col-xs-3" th:text="*{priceProduct.taxes}"></div>
</div>