Auto-sorting by columns

ID Name Email Status
98178 Ipsum Tempor ipsum-tempor@et.com EOS
78409 Sed At sed-At@duo.com DIAM
77737 Accusam Takimata accusam-takimata@diam.com EST
67485 Sed Voluptua sed-voluptua@consetetur.com ET
53004 Eirmod Ea eirmod-ea@ea.com EA
48059 Sanctus Labore sanctus-labore@duo.com ET
47819 Accusam Sed accusam-sed@eirmod.com SED
39177 Justo Voluptua justo-voluptua@magna.com EOS
24125 Diam Magna diam-magna@eos.com SED
14778 Aliquyam At aliquyam-At@diam.com IPSUM

If you want to allow the user to sort the data as it is coming back, then you need to just do two things, make sure that the data returned from your property implements the Comparable interface (if it doesn't natively - use the decorator pattern as shown a couple of examples ago), and then set the attribute sortable="true" on the columns that you want to be able to sort by.

Note the sortable attribute was previously named sort. The sort attribute is still supported for compatibility with previous versions.

When the user clicks on the column title the rows will be sorted in ascending order and redisplayed on the page. If the user clicks on the column title again, the data will get sorted in descending order and redisplayed.

Only the rows being shown on the page are sorted and resorted, so if you use this attribute along with the pagesize attribute, it will not resort the entire list. It is assumed that if you want to allow the user to resort a large list that will not all fit on a single page, then you will provide an interface which is more appropriate to that task.

When doing sorts, we copy the list into our own internally managed list, so that we don't change the ordering of the original list.

All the parameters received in the first request are preserved in sorting.

You can also define the column to be sorted by default (if the user has not yet clicked on any sortable column) specifying the column index in the defaultsort attribute of the table tag. The default order can be set using the defaultorder attribute: the default value is ascending, you can set it to descending to reverse the order.