JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
  <head>
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

    <link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
    <script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script>

    <meta charset=utf-8 />
    <title>DataTables - JS Bin</title>
  </head>
  <body>
    <div class="container">
      <table id="userList" class="display nowrap" width="100%">
        <thead>
          <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
          </tr>
        </thead>

  
      </table>
      
      <button class="update" onclick='btnUpdate();'>
        Update with lack of date!
      </button>
    </div>
  </body>
</html>

JavaScript

var table;
$(document).ready(function () {
    table = $('#userList').DataTable({
        ajax: "https://api.myjson.com/bins/ynmgm.json",
        columns: [
            {"data": "debt_code"},
            {"data":"dr_inits"},
            {"data": "dr_dob.date", "defaultContent": "-",
                "render": function (data) { if (data) { let dobDate = new Date(data); return dobDate.toLocaleDateString(); }} // Make date readable. (Doesn't work correctly on IE)
            },
            {"data": "dr_address##1"},
            {"data":"dr_rectype"},
            {"data": "dr_phone"},
            {"data": "dr_phone2"},
            {"data":"dr_postcode"},
            {"data": "dr_email"},
            {"data": "debt_code"}
        ],
        deferRender: true,
        dom: 'rt' + "<'row'<'col-sm-12 col-md-4'l><'col-sm-12 col-md-4 text-center'i><'col-sm-12 col-md-4'p>>",
        select: {
            style: 'single',
            info: false
        },
        paging: true,
        stateSave: true,
        scrollX: true,
        scrollY: '100px',
        searching: false
    })
});
	
function btnUpdate() {
    table.ajax.url( "https://api.myjson.com/bins/10fx9y.json").load();
}