Rows can be grouped in two ways, using rowGroup component or with groupRow attribute on a column.
Documentation<h3 class="first">Header Row</h3> <h:form> <p:dataTable var="car" value="#{dtRowGroupView.cars}" sortBy="#{car.brand}" expandableRowGroups="true"> <p:headerRow> <p:column colspan="3"> <h:outputText value="#{car.brand}" /> </p:column> </p:headerRow> <p:column headerText="Year"> <h:outputText value="#{car.year}" /> </p:column> <p:column headerText="Color"> <h:outputText value="#{car.color}" /> </p:column> <p:column headerText="Id"> <h:outputText value="#{car.id}" /> </p:column> <p:summaryRow> <p:column colspan="2" style="text-align:right"> <h:outputText value="Total:" /> </p:column> <p:column> <h:outputText value="#{dtRowGroupView.randomPrice}"> <f:convertNumber type="currency" currencySymbol="$" /> </h:outputText> </p:column> </p:summaryRow> </p:dataTable> </h:form> <h3>Rowspan</h3> <h:form> <p:dataTable var="car" value="#{dtRowGroupView.cars}" sortBy="#{car.brand}"> <p:column headerText="Brand" groupRow="true"> <h:outputText value="#{car.brand}" /> </p:column> <p:column headerText="Year"> <h:outputText value="#{car.year}" /> </p:column> <p:column headerText="Color"> <h:outputText value="#{car.color}" /> </p:column> <p:column headerText="Id"> <h:outputText value="#{car.id}" /> </p:column> </p:dataTable> </h:form>
@Named("dtRowGroupView") @ViewScoped public class RowGroupView implements Serializable { private List<Car> cars; @Inject private CarService service; @PostConstruct public void init() { cars = service.createCars(50); } public List<Car> getCars() { return cars; } public void setService(CarService service) { this.service = service; } public int getRandomPrice() { return (int) (Math.random() * 100000); } }
@Named @ApplicationScoped public class CarService { private final static String[] colors; private final static String[] brands; static { colors = new String[10]; colors[0] = "Black"; colors[1] = "White"; colors[2] = "Green"; colors[3] = "Red"; colors[4] = "Blue"; colors[5] = "Orange"; colors[6] = "Silver"; colors[7] = "Yellow"; colors[8] = "Brown"; colors[9] = "Maroon"; brands = new String[10]; brands[0] = "BMW"; brands[1] = "Mercedes"; brands[2] = "Volvo"; brands[3] = "Audi"; brands[4] = "Renault"; brands[5] = "Fiat"; brands[6] = "Volkswagen"; brands[7] = "Honda"; brands[8] = "Jaguar"; brands[9] = "Ford"; } public List<Car> createCars(int size) { List<Car> list = new ArrayList<Car>(); for(int i = 0 ; i < size ; i++) { list.add(new Car(getRandomId(), getRandomBrand(), getRandomYear(), getRandomColor(), getRandomPrice(), getRandomSoldState())); } return list; } private String getRandomId() { return UUID.randomUUID().toString().substring(0, 8); } private int getRandomYear() { return (int) (Math.random() * 50 + 1960); } private String getRandomColor() { return colors[(int) (Math.random() * 10)]; } private String getRandomBrand() { return brands[(int) (Math.random() * 10)]; } private int getRandomPrice() { return (int) (Math.random() * 100000); } private boolean getRandomSoldState() { return (Math.random() > 0.5) ? true: false; } public List<String> getColors() { return Arrays.asList(colors); } public List<String> getBrands() { return Arrays.asList(brands); } }