JSFiddle - React, Tailwind, and code Playground

by Anil kumar

HTML

<script src="https://cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>

<table class="display" id="example" style="width: 100%">
  <thead>
    <tr>

      <th style="width: 18;text-align:left;padding-left: 8px;">Date of Appointment</th>
      <th style="width: 18;text-align:left;padding-left: 8px;">MBE</th> 
      <th style="width: 18;text-align:left;padding-left: 8px;">Time Slot</th> 
      <th style="width: 18;text-align:left;padding-left: 8px;">Table</th>
      <th style="width: 18;text-align:left;padding-left: 8px;">Corporate</th> 

            </tr>
          </thead>  

  <tbody>

  </tbody>
</table>

JavaScript

var j = jQuery.noConflict();
var rowindex=0;
var table4;
j(document).ready(function() { 
  //console.log('----JSONarrayJQDtable--- '+'{"selected":null,"recordsTotal":5,"recordsFiltered":5,"draw":0,"data":[{"MBEvsCorps":[{"SLRvsTime":[{"timeframe":"09:14 AM - 09:39...