JSFiddle - React, Tailwind, and code Playground

by xiucheng quek

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; listOfNames.length < i; i++) {
    var row = $('<tr></tr>');
    $(row).attr('id', i);

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

        
    }
    $(row).appendTo('table');
}