JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div id="findingDiv">
</div>

JavaScript

$(document).ready(function () {
 		var tables = ['th1','th2','th3','th4','th5','th6']
 		
    for(var i=0;i<tables.length;i++){
    var content = "<table class='table table-bordered'><thead><tr>";
        for(var k=0;k<6;k++)
        {
        	content += '<th id="header" style="color:black; font-size: 12px; border:1px solid black; text-align:center;border-color: rgb(166, 166, 166);">'+tables[k]+' </th>';                    
        }
        content += "</tr></thead></table><br/>";
        $('#findingDiv').append(content);
    }
    

    
 });