Code Snippet:
//build the HTML table header
var msgHTML = '<table width=100%" class="listtable listborder uir-list-table" style="position: relative;" ><tr class="uir-machine-headerrow">';
msgHTML += '<td class="listheadertdleft listheadertextb uir-column-large">COLUMN 1</td>'
msgHTML += '<td class="listheadertdleft listheadertextb uir-column-large">COLUMN 2</td>'
msgHTML += '<td class="listheadertdleft listheadertextb uir-column-large">COLUMN 3</td>'
//spin through results and draw html table row/cell elements
for ( var i = 0; i < testArray.length; i++ )
{
var msgRow = ( i % 2 ) ? 'even' : 'odd';
msgHTML += '</tr><tr class="uir-list-row-tr uir-list-row-' + msgRow + '">';
msgHTML += '<td class="uir-list-row-cell listtext">' + Array[ i ].key1 + '</td>';
msgHTML += '<td class="uir-list-row-cell listtext">' + Array[ i ].key2 + '</td>';
msgHTML += '<td class="uir-list-row-cell listtext">' + Array[ i ].key3 + '</td>';
}
msgHTML += '</tr></table>'