Auto-sorting by columns

ID Name Email Status
83630 Stet Vero Stet-vero@At.com VERO
83249 Justo Et justo-et@consetetur.com AT
57987 Justo Diam justo-diam@sit.com CLITA
43801 Sadipscing Accusam sadipscing-accusam@sadipscing.com VERO
34948 Sed Elitr sed-elitr@sit.com EOS
31493 No Amet no-amet@ut.com IPSUM
18991 Et Stet et-Stet@et.com UT
14586 Invidunt Gubergren invidunt-gubergren@diam.com ET
8897 Ipsum Est ipsum-est@ipsum.com SANCTUS
5059 Sit Dolore sit-dolore@ea.com ET

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.