JSFiddle - React, Tailwind, and code Playground

by Nayana Das

HTML

<script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css">
<table id="example" class="display" width="100%">
  
</table>

JavaScript

var jsondata = [{"Date":"2020-10-01","soham-demo":"80","Total":80},{"Date":"2020-10-02","soham-demo":"60","Total":60},{"Date":"2020-10-03","soham-demo":"170","Total":170},{"Date":"2020-10-04","soham-demo":"50","Total":50},{"Date":"2020-10-05","soham-demo":"30","Total":30},{"Date":"2020-10-06","soham-demo":"80","Total":80},{"Date":"2020-10-07","soham-demo":"80","Total":80},{"Date":"2020-10-08","soham-demo":"170","Total":170},{"Date":"2020-10-09","soham-demo":"160","Total":160},{"Date":"2020-10-10","soham-demo":"140","Total":140}];

var objkey = jsondata[0];
var columnArray=[];
for(var key in objkey){
   var col = {};
   col["data"]=key;
   col["title"]=key;
   columnArray.push(col);
}
console.log("columnArray: "+JSON.stringify(columnArray));

$('#example').DataTable( {
   columns : columnArray,
   data :jsondata
});