Welcome aboard! We are happy you are here and wish you good net-raft!
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<style>
td{
text-align: center;
color: blue;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
</style>
</head>
<body>
<table id="demo"></table>
<script>
$(document).ready(function () {
$.get("/project/soul1/sl_c67xlaFv1T202143970/jsonfile.txt", function(data, status){
var myObj = $.parseJSON(data);
for (i in myObj.records) {
$("#demo").html($("#demo").html() + "<tr><td>" + myObj.records[i].Tech +
"</td><td>" + myObj.records[i].Side + "</td></tr>");
}
});
});
</script>
</body>
</html>
The most helpful JQUERY solutions