Bootstrap Table

HTML

<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>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.9.1/bootstrap-table.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.9.1/bootstrap-table.min.js"></script>

    <table data-url="http://api.myjson.com/bins/53bua" class="table-striped" data-toggle="table"  data-pagination="true"  data-page-list="[5, 10, 20, 50, 100, 200]">
    	<thead>
    		<tr>
        		<th data-field="rank"></th>
                <th data-field="topInGameDisplay">Rank</th>
        		<th data-field="topSoldier">Name</th>
        		<th data-field="topfragrate">Fragrate</th>
                <th data-field="combinedKDD">Kills/Deaths/DevKills</th>
    		</tr>
                
    	</thead>
		</table>

JavaScript

var $table = $('#table');