Treating a table as an array of objects

Click column heads to sort
NumLetStr
01Fsalmon
02Eyellow
03Dgreen
04Caqua
05Blavender
06Apink

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 'background' 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.