Sorting is enabled with sortBy expressions. Both single and multiple column sorting are supported.
Documentation<style type="text/css"> .ui-datatable input { box-sizing: border-box; width: 100%; -webkit-box-shadow: none; box-shadow: none !important; } </style> <h:form> <p:dataTable var="car" value="#{dtSortView.cars1}" style="margin-bottom:40px"> <f:facet name="header"> Single Column Sort </f:facet> <p:column headerText="Id" sortBy="#{car.id}"> <h:outputText value="#{car.id}" /> </p:column> <p:column headerText="Year" sortBy="#{car.year}"> <h:outputText value="#{car.year}" /> </p:column> <p:column headerText="Brand" sortBy="#{car.brand}"> <h:outputText value="#{car.brand}" /> </p:column> <p:column headerText="Color" sortBy="#{car.color}"> <h:outputText value="#{car.color}" /> </p:column> </p:dataTable> <p:dataTable var="car" value="#{dtSortView.cars2}" style="margin-bottom:40px"> <f:facet name="header"> Editable Values </f:facet> <p:ajax event="sort" skipChildren="false" /> <p:column headerText="Id" sortBy="#{car.id}"> <p:inputText value="#{car.id}" /> </p:column> <p:column headerText="Year" sortBy="#{car.year}"> <p:inputText value="#{car.year}" /> </p:column> <p:column headerText="Brand" sortBy="#{car.brand}"> <p:inputText value="#{car.brand}" /> </p:column> <p:column headerText="Color" sortBy="#{car.color}"> <p:inputText value="#{car.color}" /> </p:column> </p:dataTable> <p:dataTable var="car" value="#{dtSortView.cars3}" sortMode="multiple"> <f:facet name="header"> Multiple Column Sort with Metakey </f:facet> <p:column headerText="Id" sortBy="#{car.id}"> <h:outputText value="#{car.id}" /> </p:column> <p:column headerText="Year" sortBy="#{car.year}"> <h:outputText value="#{car.year}" /> </p:column> <p:column headerText="Brand" sortBy="#{car.brand}"> <h:outputText value="#{car.brand}" /> </p:column> <p:column headerText="Color" sortBy="#{car.color}"> <h:outputText value="#{car.color}" /> </p:column> </p:dataTable> </h:form>
@Named("dtSortView") @ViewScoped public class SortView implements Serializable { private List<Car> cars1; private List<Car> cars2; private List<Car> cars3; @Inject private CarService service; @PostConstruct public void init() { cars1 = service.createCars(10); cars2 = service.createCars(10); cars3 = service.createCars(50); } public List<Car> getCars1() { return cars1; } public List<Car> getCars2() { return cars2; } public List<Car> getCars3() { return cars3; } public void setService(CarService service) { this.service = service; } }
@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); } }