Bootstrap Table 在特殊情况下要关掉分页栏, 通过网上资料参考与测试,终于找到了方法,与诸位分享。
<style>
/* 关闭‘显示第 1 到第 10 条记录,总共 N 条记录’ */
.pagination-info{
display:none;
}
/* 关闭‘每页显示 条记录’ */
.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list {
display: none;
}
/* 关闭‘上一页、下一页、翻页’ */
.bootstrap-table .fixed-table-pagination > .pagination ul.pagination {
margin: 0;
display: none;
}
</style>
正确的关闭方式应该是修改 paginationParts属性,该属性默认值为
['pageInfo', 'pageSize', 'pageList'],要想关闭‘显示第 1 到第 10 条记录,总共 N 条记录,删除'pageInfo'即可。
var pageObj = {
table: null,
id: "table1",
type: 0,
method: 'get',
//height: 200,
url: 'data.json',
toolbar: "#toolbar",
striped: true, //是否显示行间隔色
cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
pagination: true, //是否显示分页(*)
search: true, //是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大
columns: QueryColumns, //二、设置查询字段
queryParams: QueryParams, //一、设置查询条件参数
strictSearch: false,
sortable: false, //是否启用排序
showLoading: 'none',
pageNumber: 1, //初始化加载第一页,默认第一页
pageSize: 5, //每页的记录行数(*)
pageList: [10, 25, 50, 100], //可供选择的每页的行数(*)
buttonsClass: 'sm',
showColumns: true, //是否显示所有的列
showRefresh: true, //是否显示刷新按钮
showToggle: true, //是否显示详细视图和列表视图的切换按钮
showExport: false, //是否显示导出按钮
cardView: false, //是否显示详细视图
detailView: false, //是否显示父子表
clickToSelect: false, //是否启用点击选中行
paginationParts: ['pageInfo', 'pageSize', 'pageList'],
showFooter: false,
onLoadSuccess: function(data) {
console.log("ok")
},
error: function() {
console.log("ajax请求失败")
},
}