JSFiddle - React, Tailwind, and code Playground

by Muthuraman B

HTML

<script src="//code.jquery.com/jquery-1.12.4.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 class="table table-striped table-bordered post-list-table" id="table" >
  <thead>                      
    <tr>
      <th>Title</th>
      <th>Created At</th>
      <th>Action</th>
    </tr>
  </thead>
  <tbody>
    <tr style="cursor:pointer" name="tableRow" id="rowID_0e8882ed-83b3-4cb5-b735-cddbf047c513" itemtype="LegalFolder" itemid="0e8882ed-83b3-4cb5-b735-cddbf047c513" itemname="AB Entity Jan2 1" role="row" class="odd">
      <td name="hideCheckBox" style="display: none;"><input type="checkbox" name="LegalFolder" class="form-check-input click" id="checkbox_0e8882ed-83b3-4cb5-b735-cddbf047c513" displayname="..." itemname="AB Entity Jan2 1" uploaddate="2019-01-02T06:14:28.967Z"></td>
      <td class=""><i class="fa fa-folder-o" aria-hidden="true"></i>&nbsp;&nbsp;AB Entity Jan2 1</td>
      <td>ABENJAN220181</td>
      <td name="hideCheckBox" style="display: none;" class="sorting_1">...</td>
      <td name="converToLocalDateTime">1/2/2019, 11:44:28 AM</td>
      <td name="hideCheckBox" style="display: none;"> KB</td>
    </tr><tr style="cursor:pointer" name="tableRow" id="rowID_d9381780-47ee-41b5-95d9-0e6eca789024" itemtype="LegalFolder" itemid="d9381780-47ee-41b5-95d9-0e6eca789024" itemname="AB Entity Mar18 1" role="row" class="even">
    <td name="hideCheckBox" style="display: none;"><input type="checkbox" name="LegalFolder" class="form-check-input click" id="checkbox_d9381780-47ee-41b5-95d9-0e6eca789024" displayname="..." itemname="AB Entity Mar18 1" uploaddate="2019-03-18T12:25:07.396Z"></td>
    <td class=""><i class="fa fa-folder-o" aria-hidden="true"></i>&nbsp;&nbsp;AB Entity Mar18 1</td>
    <td>ABENMARC1820191</td>
    <td name="hideCheckBox" style="display: none;" class="sorting_1">...</td>
    <td...

JavaScript

$('#table').DataTable();