Treating a table as an array of objects
Click column heads to sort
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.