Recently, I came across a jQuery plugin called Quicksand. This plugin applies various animation effects to a finite list of items, including sorting and filtering effects. The nice part about this plugin, is the animation is all done client-side, which means with one call to the database, your users can sort and filter a list of items. A live demo of this plugin can be found here. While this plugin only handles the animation aspect, not the actual filtering or sorting, it is easy enough to utilize additional jQuery code in order to make this plugin work to your needs.
Recently, I created an m-Power template that utilizes this animation in a way that can really add a neat effect to your application. This template utilizes sequence keys to control which fields to sort on, as well as runtime record selections to control the filtering aspect. Since the template provides the necessary code, all that is needed to use this template is a knowledge of your data. There are also several features that can be customized, including animation type, duration, etc. All of the documentation regarding Quicksand, as well as how to implement these customizations, can be found here.
You can see a live demo of this template here.
Or, you can learn more about this template and download it here.
Please post a comment if you’d like to share any success stories using the jQuery Quicksand template!