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>Name</th>
            <th>Group</th>
            <th>Type</th>
        </tr>
    </thead>
</table>

JavaScript

$(document).ready(function (){
    var table = $('#example').DataTable({       
        ajax: {
           url:'https://api.myjson.com/bins/4n6ey',
           dataSrc: ''
        },
        orderFixed: {
           pre: [[1, 'asc'], [2, 'desc']]
        },
        columns: [
        	{ data: 'name' },
            { data: 'group' },
            { data: 'type'}
        ]
    });
});