DataTables

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.css">
<script src="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.js"></script>
<table id="example" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Id</th>
            <th>Description</th>
            <th></th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Id</th>
            <th>Description</th>
            <th></th>
        </tr>
    </tfoot>
</table>

JavaScript

$(document).ready(function (){
    var table = $('#example').DataTable({
        ajax: {
           url: 'https://api.myjson.com/bins/16ieen',
           dataSrc: ''
        },
        columns: [
           { data: "densityId"}, 
           { data: "densityDescription" }, 
           {
              data: null,
              className: "center",
              defaultContent: '<a href="#" id="edit" class="edit" data-toggle="modal" data-target="#myModal">Edit</a> / <a href="#" id="delete">Delete</a>'
           }
        ]
    });
});