conferencesjsontable.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<style>
    th{
       color: #fff 
    }
</style>

<table class="table table-striped">
    <tr class="bg-info">
        <th>Conference Name</th>
        <th>Conference Date</th>
        <th>Application/Info link</th>
    </tr>

    <tbody id="myTable">

    </tbody>
</table>

<script>
    var myArray = [
    
]

buildTable(myArray)

function buildTable2(data){
    var table = document.getElementById('myTable')

    for (var i = 0; i < data.length; i++){
        var row = `<tr>
                        <td>${data[i].conferenceName}</td>
                        <td>${data[i].conferenceDate}</td>
                        <td>${data[i].applicationLink}</td>

                    </tr>`
        table.innerHTML += row
    }
}

</script>