JSFiddle - React, Tailwind, and code Playground

HTML

<div id="map"></div>

CSS

.informationWindowTable > tr > td:first-child {padding-right:50px;}

JavaScript

//table
//Asset properties
var person = {name:"Jill", location:"South Africa", occupation:"psychologist", marks : [20, 40, 60] };


var infoWindowTableHeader =  "<table class='informationWindowTable'>";
var infoWindowTableContent = "<tr><td>Name:</td> <td>"+person.name+"</td></tr>"+
	"<tr><td>Location:</td> <td>" + person.location + "</td></tr>"+
    "<tr><td>Group Name:</td> <td>" + person.occupation + "</td></tr>";
										
var mark;
for(var index = 0; index < person.marks.length; index++){
	mark = person.marks[index]; 
	infoWindowTableContent += "<tr><td>Mark"+ (index+1)+":" +"</td> <td>" + mark + "</td></tr>";
	}

var infoWindowTableFooter = "</table>";

document.getElementById("map").innerHTML = infoWindowTableHeader + infoWindowTableContent + infoWindowTableFooter;