bootstrap-table显示数据时显示No matching records found

今天由于要实现查询功能,所以需要更新列表显示,使用bootstrap-table时,后台controller通过使用@responsebody传回查询结果的json串,postman调试结果显示没问题,如图所示:
bootstrap-table显示数据时显示No matching records found_第1张图片

但是jsp页面的bootstrap-table一直显示No matching records found,调试了很久,但是没报错,后来把bootstrap-table的分页请求参数注释后解决问题,未深入研究源码,不清楚问题所在,希望有了解的大神解释一下。注释后的请求代码如下

var TableInit = function () {
            var oTableInit = new Object();
            //初始化Table
            oTableInit.Init = function () {
                $('#studentTable').bootstrapTable({
                    url: '/StudentInfo/student/listData',         //请求后台的URL(*)
                    method: 'post',                      //请求方式(*)
                    //toolbar: '#toolbar',                //工具按钮用哪个容器
                    striped: true,                      //是否显示行间隔色
                    cache: false,//是否使用缓存,默认为true,
                    //pagination: true,                   //是否显示分页(*)
                    //sortable: false,                     //是否启用排序
                    //sortOrder: "asc",                   //排序方式
                    queryParams: oTableInit.queryParams,//传递参数(*)
                    sidePagination: "server",     //分页方式:client客户端分页,server服务端分页(*)
                   // pageNumber:1,                       //初始化加载第一页,默认第一页
                    //pageSize: 50,                       //每页的记录行数(*)
                    //pageList: [10, 25, 50, 100],        //可供选择的每页的行数(*)
                    strictSearch: true,
                    clickToSelect: true,                //是否启用点击选中行
                    height: 460,                        //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度
                    uniqueId: "id",                     //每一行的唯一标识,一般为主键列
                    cardView: false,                    //是否显示详细视图
                    detailView: false,                   //是否显示父子表
                    columns: [{
                        field: 'sno',
                        title: '学号'
                    },{
                        field: 'sname',
                        title: '姓名'
                    }, {
                        field: 'gender',
                        title: '性别'
                    },{
                        field: 'major',
                        title: '专业'
                    }]
                });
            };

            //得到查询的参数
          oTableInit.queryParams = function (params) {
                var temp = {   //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的
                    limit: params.limit,   //页面大小
                    offset: params.offset,  //页码

                };
                return temp;
            };
            return oTableInit;
        };

你可能感兴趣的:(bootstrap-table显示数据时显示No matching records found)