Learn how to use jQuery, a free plugin called tablesorter, and some simple CSS to create sortable, interactive HTML tables.
- [Voiceover] Hi, my name is Chris Converse, and welcome to Design the Web. In this episode, we'll be creating a sortable table with jQuery and a free plugin called tablesorter. Now, with as little as one line of code, we'll transform a simple table listing into a dynamically sortable, interactive table. We'll then continue to build on the sortable table by adding CSS rules to create indication colors and arrows for sorted columns, as well as define our own custom parser for the plugin with jQuery, allowing us to create custom labeled dates that continue to sort in chronological order.
And finally, the exercise files for this course are available to all members, and includes a copy of the tablesorter plugin. So download your files and let's get started.