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>
<table data-toggle="table"
       data-url="/gh/get/response.json/wenzhixin/bootstrap-table/tree/master/docs/data/data1/"
       data-pagination="true"
       data-show-pagination-switch="true"
       data-show-refresh="true"
       data-query-params="queryParams"
       data-side-pagination="server"
       data-response-handler="responseHandler"
       data-only-info-pagination="false"
       data-search="true"
       data-strictSearch="true"
       data-query-params-type="">
    <thead>
    <tr>
        <!-- NOTE: with /data1 url -->
        <th data-field="name">ID</th>
        <th data-field="stargazers_count">Stars</th>
        <th data-field="forks_count">Forks</th>
        <th data-field="description">Description</th>
        
        
        <!-- NOTE: with /data2 url -->
        <!--
        <th data-field="id">ID</th>
        <th data-field="name">Name</th>
        <th data-field="price">Price</th>
        -->
        
    </tr>
    </thead>
</table>

JavaScript

/// Server pagination with queryParam, responseHandle and other options present


function queryParams(params) {
    /// 
    console.log('queryParam', params);
    return {
        pageNumber: params.pageNumber,
        pageSize: params.pageSize,
        searchText: params.searchText,
        sortName: params.sortName,
        sortOrder: params.sortOrder
    };
};

function responseHandler(data)
{
    return {'total':data.length,'rows':data};
}

/*
queryParams: function(params) {
                    return {
                        pageNumber: params.pageNumber,
                        pageSize: params.pageSize,
                        searchText: params.searchText,
                        sortName: params.sortName,
                        sortOrder: params.sortOrder
                    };
                },
                queryParamsType: '',
*/