Treating a table as an array of objects

Click column heads to sort

Num	Let	Str
01	F	salmon
02	E	yellow
03	D	green
04	C	aqua
05	B	lavender
06	A	pink

When the page loads, the table is parsed by traversing the childNodes in DOM. An array of objects is created in which each object consists of the 'bgcolor' and cell- contents of each row. Mouse-event-listeners and id's are added to the column heads so that when a column head is clicked we may rebuild the table based on the appropriate sort of the data.

See also this approach: rewriting a table so it is column-sortable.
It uses an HTML string-oriented approach rather than an approach using DOM and objects.