DataTables Sandbox

by CloudTables

HTML

<script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css">
<script src="cdn.datatables.net/plug-ins/1.11.2/sorting/datetime-moment.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<table id="demo">
  <thead>
    <tr>
      <th>Id</th>
      <th>Name</th>
      <th>Greeting</th>
      <th>Date</th>
    </tr>
  </thead>
</table>

JavaScript

var tableData = [
  [1, "Mike", "Hello", {"display": "01/01/2021 <span class='fas fa-plus'></span>", "sort": "01/01/2021"}],
  [2, "Sam", "Hi", {"display": "02/01/2019 <span class='fas fa-plus'></span>", "sort": "02/01/2019"}],
  [3, "Steve", "Hello", {"display": "12/01/1956 <span class='fas fa-plus'></span>", "sort": "12/01/1956"}]
];

$("#demo").DataTable({
  "data": tableData,
  "columnDefs": [{
    "render": {
    	"_": "display",
      "sort": "sort",
      "type": "sort"
    },
    "targets": 3 // Column number
  }],
  "info": false, // Showing x to y of z entries    
  "paging": false, // Show x rows at a time
  "searching": false, // Show search text input
});