server side paging value is not displayed

I try to use bootstrap-table and do a server side paging

<table id="contractorTableResult" style="min-height:200" data-show-header="true" data-classes="table table-no-bordered" data-toggle="table"   data-pagination="true" data-height="230">
    <thead>
    <tr>
    <th data-field="contractorId">#</th>
    <th data-field="contractorName">Name</th>
    </tr>
    </thead>
</table>

When i show my tab i do

$("#contractorTableResult"').bootstrapTable({url:"http://localhost:8080/rest/contractor", sidePagination:"server", responseHandler:"responseHandler"});

I created a handler because i use spring data and pagination seem different then bootstrap-table

function responseHandler(res) {
        return {
            rows: res.content,
            total: res.totalElements,
            pageNumber: res.number+1,
            pageSize:res.size
        }
}

When i debug, i see the response have some data… but bootstrap table display: No matching records found

[mctdi]

To work with spring data this code worked

$("#memberReportTableResult").bootstrapTable({
                url: getHostName() + "/members",
                queryParamsType: "",
                responseHandler: function (res) {
                    return {
                        rows: res.content,
                        total: res.totalElements,
                        pageNumber: res.number,
                        pageSize: res.size
                    };
                },
                queryParams: function (params) {
                    return {
                        number: params.pageNumber,
                        size: params.pageSize,
                    };
                }
            });

[YukunSun]

hello , do you know how can i put the jsonp data into the bootstrap table? @mctdi this is my code ： var $table = $('#brand_table_list'); var result; $table.bootstrapTable({ url : '${jsonp}/brand/list?callback=callback', //data:rows, queryParams: queryParams, responseHandler:function (res){ debugger;**//this function does not work!!!** return { //.... }; }, rowStyle:rowStyle, columns : [{ field : 'body.page.list.sid', title : 'sid', }, { field : 'brandSid', title : 'BRAND_SID', }, { field : 'brandName', title : 'BRAND_NAME' }, { field : 'optRealName', title : 'OPT_REAL_NAME' }, { field : 'optUpdateTime', title : 'OPT_UPDATE_TIME' }] });