Sorting and filtering data in dataTable
The dataTable
component provides AJAX-based built-in sorting and filtering based on its columns.
How to do it...
dataTable
provides sorting options based on AJAX, by enabling the sortBy
attribute at column level. The following is the definition of a table that lists the Car
data. Sorting is enabled on the name
and year
attributes.
<p:dataTable id="sorting" var="car" value="#{dataTableController.cars}"> <p:columnheaderText="Year" sortBy="#{car.year}"> <h:outputText value="#{car.year}" /> </p:column> <p:columnheaderText="Name" sortBy="#{car.name}"> <h:outputText value="#{car.name}" /> </p:column> </p:dataTable>
The appearance of a table with sorting enabled will be like the following screenshot:
There's more... ...
Get PrimeFaces Cookbook now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.