Auto-sorting by columns

ID Name Email Status
72885 Dolores At dolores-At@sea.com DOLORES
70690 Aliquyam Takimata aliquyam-takimata@invidunt.com IPSUM
51686 Diam Eirmod diam-eirmod@accusam.com STET
41417 Ut Rebum ut-rebum@kasd.com SIT
28121 Elitr Magna elitr-magna@consetetur.com DUO
23116 Elitr Justo elitr-justo@Stet.com TEMPOR
21231 Magna Vero magna-vero@sit.com DOLORES
16319 Voluptua Eirmod voluptua-eirmod@clita.com JUSTO
15529 Takimata Rebum takimata-rebum@erat.com VOLUPTUA
7308 Ea Sadipscing ea-sadipscing@nonumy.com LABORE

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.