DataTables

by wladyband

HTML

<script src="https://cdn.datatables.net/r/bs-3.3.5/dt-1.10.9,se-1.0.1/datatables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/r/bs-3.3.5/dt-1.10.9,se-1.0.1/datatables.min.css">
<table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Designation</th>
                <th>Address</th>
                <th>Salary</th>
            </tr>
        </thead>
</table>

JavaScript

$(document).ready(function (){
   $('#example').DataTable({
      lengthChange: false,
      ajax: {
          url: "https://api.myjson.com/bins/2w3qg",
          dataSrc: 'allk'
      },
      columns: [
          { data: "name"}, 
          { data: "designation"}, 
          { data: "address" }, 
          { data: "salary"}
      ],
      select: true
   });
});