JSFiddle - React, Tailwind, and code Playground

HTML

<div id="showData"></div>
<input type="button" id="btn" value="Create Table From JSON" />

JavaScript

function CreateTableFromJSON(){
var JsonTask= [{"TASKNAME":"Task1","SUN 25":"     ","MON 26":"8.00 ","TUE 27":"8.00 ","WED 28":"     ","THU 1":"     ","FRI 2":"     ","SAT 3":"     ","TOTAL":16.00},{"TASKNAME":"Task2","SUN 25":"     ","MON 26":"8.00 ","TUE 27":"     ","WED 28":"     ","THU 1":"     ","FRI 2":"     ","SAT 3":"     ","TOTAL":8.00}];

var col = [];
        for (var i = 0; i < JsonTask.length; i++) {
            for (var key in JsonTask[i]) {
                if (col.indexOf(key) === -1) {
                    col.push(key);
                }
            }
        }
        
        var table = document.createElement("table");
        var tr = table.insertRow(-1);
        for (var i = 0; i < col.length; i++) {
            var th = document.createElement("th");
            th.innerHTML = col[i];
            tr.appendChild(th);
        }
        
        for (var i = 0; i < JsonTask.length; i++) {

            tr = table.insertRow(-1);

            for (var j = 0; j < col.length; j++) {
                var tabCell = tr.insertCell(-1);
                tabCell.innerHTML = JsonTask[i][col[j]];
            }
            }
            
             var divContainer = document.getElementById("showData");
        divContainer.innerHTML = "";
        divContainer.appendChild(table); }
        $(document).ready(function() {

  $("#btn").click(function() {
    CreateTableFromJSON()
  });
});