Testing bootstrap 3 slider
HTML
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<script src="https://rawgithub.com/seiyria/bootstrap-slider/master/dist/bootstrap-slider.min.js"></script>
<link rel="stylesheet" href="https://rawgithub.com/seiyria/bootstrap-slider/master/dist/css/bootstrap-slider.min.css">
<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>
<table id="randomTable"
data-query-params="queryParams"
data-pagination="true"
data-filter-control="true"
data-height="400">
<thead>
<tr>
<th data-field="state" data-checkbox="true"></th>
<th data-field="name" data-sortable="true" data-filter-control="input">Name</th>
<th data-field="stargazers_count">Stars</th>
<th data-field="forks_count">Forks</th>
<th data-field="description">Description</th>
</tr>
</thead>
</table>
JavaScript
var jsonDataCall = $.getJSON("https://api.github.com/users/wenzhixin/repos", function(result){
jsonDataCall =result;
});
var jsonData = $.ajax({
async: false,
dataType: "json",
url: "https://api.github.com/users/wenzhixin/repos",
success: function(result) {
jsonData = result;
}
});
$(function () {
var $table = $('#randomTable').bootstrapTable({data: jsonDataCall});
});
function queryParams() {
return {
type: 'owner',
sort: 'updated',
direction: 'desc',
per_page: 100,
page: 1
};
}