Create Dynamic Table via Script

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

Leave a comment

Your email address will not be published. Required fields are marked *