Bootstrap Table

HTML

<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<button id="showDataLengths">Show Data Lengths
</button>
<table id="table1" data-toggle="table"
       data-url="https://api.myjson.com/bins/wawhp"
        data-pagination="true"
       data-search="true"
       data-height="300"
       data-page-size="50">
    <thead>
    <tr>
        <th data-field="I">dataRow</th>

    </tr>
    </thead>
</table>

</button>

JavaScript

$(document).ready(function(){

$("#showDataLengths").click(function(){

});



});