JSFiddle - React, Tailwind, and code Playground

by dylanmac

HTML

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
<table id="example">
  <thead>
    <tr>
      <td class="col1"></td>
      <td class="col2"></td>
      <td class="col3"></td>
      <td class="col4"></td>
      <td class="col5"></td>
      <td class="col6"></td>
      <td class="col7"></td>
    </tr>
  </thead>
</table>

JavaScript

var dataSet = {
   "data":[
   		[  
         {  
            "display":"Jan 25, 2018",
            "raw":20180125
         },
         {  
            "display":"Jan 31, 2018",
            "raw":20180131
         },
         {  
            "display":"Jan 26, 2018",
            "raw":20180126
         },
         {  
            "display":"CAD 0.04200",
            "raw":0.042
         },
         {  
            "display":"-",
            "raw":"-"
         },
         {  
            "display":"-",
            "raw":"-"
         },
         {  
            "display":"-",
            "raw":"-"
         }
      ],
      [  
         {  
            "display": "Dec 28, 2017",
            "raw": 20171228
         },
         {  
            "display":"Jan 4, 2018",
            "raw":20180104
         },
         {  
            "display":"Dec 29, 2017",
            "raw":20171229
         },
         {  
            "display":"CAD 0.06529",
            "raw":0.06529
         },
         {  
            "display":"-",
            "raw":"-"
         },
         {  
            "display":"-",
            "raw":"-"
         },
         {  
            "display":"-",
            "raw":"-"
         }
      ],
      [  
         {  
            "display":"Nov 22, 2017",
            "raw":20171122
         },
         {  
            "display":"Nov 30, 2017",
            "raw":20171130
         },
         {  
            "display":"Nov 23, 2017",
            "raw":20171123
         },
         {  
            "display":"CAD 0.04200",
            "raw":0.042
         },
         {  
            "display":"-",
            "raw":"-"
         },
         {  
            "display":"-",
            "raw":"-"
         },
         {  
            "display":"-",
            "raw":"-"
         }
      ],
      [  
         {  
            "display":"Oct 25, 2017",
            "raw":20171025
         },
         {  
            "display":"Oct 31, 2017",
            "raw":20171031
 ...