DataTable Fiddle For Testing

by Muhammad Mushtaq Sheikh

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/v/dt/dt-1.10.13/b-1.2.4/b-colvis-1.2.4/sc-1.4.2/se-1.2.0/datatables.min.css">
<script src="https://cdn.datatables.net/v/dt/dt-1.10.13/b-1.2.4/se-1.2.0/datatables.min.js"></script>
<table id="example" class="display" width="100%" cellspacing="0">
 <tbody>   
  </tbody>
</table>

JavaScript

ary = [{"Effective Date":"2001-07-01","Schedule":"UR-FUPA","Description":"High Up Dude","Calculated":"No","Base Schedule":"","Factor":null},{"Effective Date":"2001-07-01","Schedule":"UR-FUPA","Description":"High Up Dude","Calculated":null,"Base Schedule":"","Factor":null},{"Effective Date":null,"Schedule":"UR-FUPA","Description":"High Up Dude","Calculated":null,"Base Schedule":"","Factor":null}];
$(document).ready(function() {
  oTable = $('#example').DataTable({
  "data": ary,
     "columns": [
        {
            "data": "Effective Date",
            "title":"Effective Date"
            
        },
        {
            "data": "Schedule",
             "title": "Schedule"
        },
        {
            "data": "Description",
             "title": "Description"
        },
        {
            "data": "Calculated",
             "title": "Calculated"
        },
        {
            "data": "Base Schedule",
             "title": "Base Schedule"
        },
        {
            "data": "Factor",
             "title": "Factor"
        }
    ],
    "columnDefs": [{
        "targets": '_all',
        "defaultContent": ""
    }],
    "paging": false,
    "ordering": true,
    "info": false,
    "searching": false,
  });
});