DHTML: Dynamic Client Side Table Sorting

Sort Without the Extra Calories

Now that we have seen a couple of somewhat basic displays of the DOM's potential, let's look at something a bit more powerful and useful. As you know, some of the power of the DOM lies in being able to manipulate the data the client (user) has already received without making a round trip to the server.

One function that you would expect to hit the server for would be to resort some tabular data. However, we can in fact sort a table full of data without ever hitting the server using some powerful DOM techniques and the sort() and reverse() methods of the array object.

In this tutorial, Tom supplies and explains all the code to show you how. It is suitable for a beginner at DHTML, though some JavaScript knowledge would be useful.