bootstrap table 一页把数据显示完了
分页设置的是“服务器分页”，pageNumber、pageSize都是设置好了的，包括rows、total这些在服务器分页里面必须的属性全部都设置好了，但是再设置pageSize的时候，无论怎么修改，下方的分页条是在变化，但表格里面却显示的是全部数据，切换到下一页还是跟上一页一模一样的内容，查了好多资料都解决不了，想问一下怎么设置才能正常的显示pageSize。
var $table = $('#table');
$table.bootstrapTable({
url : 'data1.json',
method: 'get',
singleSelect: false,
pageNumber:1,
pageSize:10,
queryParamsType: "limit",
columns: [
{
title: '序号',
field: 'id',
align: 'center',
valign: 'middle'
},
{
title: '名称',
field: 'name',
align: 'center',
valign: 'middle'
},
{
title: '价格',
field: 'price',
align: 'center'
},
{
title: '操作',
field: '',
align: 'center',
formatter:function(value,row,index){
var e = '<a href="#" mce_href="#" onclick="edit(\''+ row.id + '\')">编辑</a> ';
var d = '<a href="#" mce_href="#" onclick="del(\''+ row.id +'\')">删除</a> ';
return e+d;
}
}
]
});data1.json:
{
"rows":[
{
"id": 0,
"name": "test0",
"price": "$0"
},
{
"id": 1,
"name": "test1",
"price": "$1"
},
{
"id": 2,
"name": "test2",
"price": "$2"
},
{
"id": 3,
"name": "test3",
"price": "$3"
},
{
"id": 4,
"name": "test4",
"price": "$4"
},
{
"id": 5,
"name": "test5",
"price": "$5"
},
{
"id": 6,
"name": "test6",
"price": "$6"
},
{
"id": 7,
"name": "test7",
"price": "$7"
},
{
"id": 8,
"name": "test8",
"price": "$8"
},
{
"id": 9,
"name": "test9",
"price": "$9"
},
{
"id": 10,
"name": "test10",
"price": "$10"
},
{
"id": 11,
"name": "test11",
"price": "$11"
},
{
"id": 12,
"name": "test12",
"price": "$12"
},
{
"id": 13,
"name": "test13",
"price": "$13"
},
{
"id": 14,
"name": "test14",
"price": "$14"
},
{
"id": 15,
"name": "test15",
"price": "$15"
},
{
"id": 16,
"name": "test16",
"price": "$16"
},
{
"id": 17,
"name": "test17",
"price": "$17"
},
{
"id": 18,
"name": "test18",
"price": "$18"
},
{
"id": 19,
"name": "test19",
"price": "$19"
},
{
"id": 20,
"name": "test20",
"price": "$20"
}
],
"total" : 21
}
