JSFiddle - React, Tailwind, and code Playground

by Simon Price

HTML

<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="//cdn.datatables.net/plug-ins/1.10.12/sorting/datetime-moment.js"></script>
<table id='tblTrackerComplete_Enquiry' class='table table-striped table-hover table-border'>
<thead>
<tr>

<th class='centre SSComplete'>SSComplete</th>
<th class='centre CreationDate'>CreationDate</th>
<th class='centre DueDate'>DueDate</th>
<th class='centre DateExtracted'>DateExtracted</th>
<th class='centre SANTotal'>SAN Total</th>
<th class='centre GETotal'>GE Total</th>
<th class='centre SANComplete'>SAN Complete</th>
<th class='centre GEComplete'>GE Complete</th>
<th class='centre Total'>Total</th>
<th class='centre Extract'>Extract</th>
</tr>
</thead>

<tfoot class='foot'>
<tr>

<th>SSComplete</th>
<th>CreationDate</th>
<th>DueDate</th>
<th>DateExtracted</th>
<th>SAN Total</th>
<th>GE Total</th>
<th>SAN Complete</th>
<th>GE Complete</th>
<th>Total</th>
<th>Extract</th>
</tr>
</tfoot>
<tbody>
<tr>
<td class='centre SSComplete_Enquiry'>True</td>
<td class='centre CreationDate_Enquiry'>30/09/2016</td>
<td class='centre DueDate_Enquiry'>07/10/2016</td>
<td class='centre DateExtracted_Enquiry'></td>
<td class='centre SANTotal_Enquiry'>1</td>
<td class='centre GETotal_Enquiry'>0</td>
<td class='centre SANComplete_Enquiry'>1</td>
<td class='centre GEComplete_Enquiry'>0</td>
<td class='centre Total_Enquiry'>1</td>
<td class='centre'><span id='7537' runat='server' class='btn btn-danger extract'><i class='fa fa-file-excel-o fa-2x excel_7537 Extract_Submission' aria-hidden='true'></i></span></td>
</tr>
<tr>

<td class='centre SSComplete_Enquiry'>True</td>
<td class='centre CreationDate_Enquiry'>29/09/2016</td>
<td class='centre DueDate_Enquiry'>06/10/2016</td>
<td class='centre DateExtracted_Enquiry'></td>
<td...

JavaScript

$.fn.dataTable.moment('DD, MM, YYYY');

$("#tblTrackerComplete_Enquiry").DataTable()

//example from https://datatables.net/plug-ins/sorting/datetime-moment