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>
<link rel="stylesheet" href="https://rawgit.com/vitalets/x-editable/master/dist/bootstrap3-editable/css/bootstrap-editable.css">
<script src="https://rawgit.com/vitalets/x-editable/master/dist/bootstrap3-editable/js/bootstrap-editable.js"></script>
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/extensions/editable/bootstrap-table-editable.js"></script>
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/extensions/filter-control/bootstrap-table-filter-control.js"></script>
<input type="button" id="button" value="Table 1" />
<input type="button" id="button" value="Table 2" />
<input type="button" id="button" value="Table 3" />
<table id="table" data-classes="table table-hover table-condensed"
data-striped="true"
data-filter-show-clear="true"
data-show-multi-sort="true"
data-show-toggle="true"
data-advanced-search="true"
data-id-table="advancedTable"
data-page-list="[10, 25, 50, 100, ALL]">
</table>
CSS
pre#csv {
display: none;
}
JavaScript
$(document).ready(function(){
var $table = $('#table').bootstrapTable(optionsuser);
$table.bootstrapTable('hideColumn', 'id');
});
var optionsuser = {
filterControl: true,
showRefresh: true,
search: true,
pagination: true,
filter: true,
url: "/gh/get/response.json/wenzhixin/bootstrap-table/tree/master/docs/data/data1/",
queryParams: queryParamsuser,
columns: [{
field: "id",
title: "Id"
},
{
field: "name",
title: "Name",
filterControl: 'select',
sortable: true,
filterStrictSearch: false
},
{
field: "stargazers_count",
title: "Count",
filterStrictSearch: false
},
{
field: "forks_count",
title: "Forks",
filterControl: 'select',
sortable: true,
filterStrictSearch: false
},
{
field: "description",
title: "Description",
filterControl: 'select',
sortable: true,
filterStrictSearch: false
}
],
};
function queryParamsuser(params) {
}