JSFiddle - React, Tailwind, and code Playground

by Emerson Marini

HTML

<table>
    <tbody></tbody>
</table>

JavaScript

var listOfNames = ['a', 'b', 'c'];

var scoreLabels = ['Query', 'Entry', '% Matched', 'Alignment Len', 'Mismatches', 'Gaps', 'E-Value', 'Bitscore'];

for (var i = 0; i < listOfNames.length; i++) {
    var row = $('<tr>', { class: i.toString() });

    for (var x = 0; x < scoreLabels.length; x++) {
        var tableHeader = $('<td>', { text: scoreLabels[x] });
        
        tableHeader.appendTo(row);
    }
    
    row.appendTo('table');
}