Design the Web: Creating a Sortable Table

Learn how to use jQuery, a free plugin called tablesorter, and some simple CSS to create sortable, interactive HTML tables.

Introduction

• Introduction
• About the exercise files

1. Making an HTML Table Sortable

• Preparing the HTML file
• Activating the plugin
• Setting a default sort on page load
• Highlighting the sorted column
• Creating CSS triangles to indicate sort order
• Creating custom sort properties
• Where to go from here