DataTables

DataTables Examples

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<table id="example">
    <thead>
        <tr>
            <th>firstnam</th>
            <th>lastnamr</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

JavaScript

var table = $('#example').DataTable({
    ajax : {
        url : 'https://api.myjson.com/bins/27bsh'
    },
    language : {
        sLoadingRecords : '<span style="width:100%;"><img src="http://www.snacklocal.com/images/ajaxload.gif"></span>'
    },    
    columns : [
        { data : 'first_name' },
        { data : 'last_name' }
   ]
})