bootstrap table 分页不显示

 注意:必须把属性设置为false   onlyInfoPagination:false

$('#mytab').bootstrapTable({
	method : 'get',
	url : "user/getUserListPage",//请求路径
	striped : true, //是否显示行间隔色
	pageNumber : 1, //初始化加载第一页
	pagination : true,//是否分页
	sidePagination : 'client',//server:服务器端分页|client:前端分页
	pageSize : 4,//单页记录数
	pageList : [ 5, 10, 20, 30 ],//可选择单页记录数
	showRefresh : true,//刷新按钮
	queryParams : function(params) {//上传服务器的参数
		var temp = {//如果是在服务器端实现分页,limit、offset这两个参数是必须的
			limit : params.limit, // 每页显示数量
			offset : params.offset, // SQL语句起始索引
			//page : (params.offset / params.limit) + 1, //当前页码 
 
			Name : $('#search_name').val(),
			Tel : $('#search_tel').val()
		};
		return temp;
	},
	columns : [ {
		title : '登录名',
		field : 'loginName',
		sortable : true
	}, {
		title : '姓名',
		field : 'name',
		sortable : true
	}, {
		title : '手机号',
		field : 'tel',
	} ]
})
 

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Bootstrap Table是一个基于Bootstrap的表格插件,它提供了一套简单易用的表格展示和操作功能。 要实现Bootstrap Table分页功能,可以通过以下步骤: 1. 首先,在HTML文件中引入必要的样式表和脚本文件,包括Bootstrap的CSS和JS文件、Bootstrap Table的CSS和JS文件以及相关的插件文件。 2. 在HTML文件中创建一个表格元素,并给它一个唯一的id属性,用来标识这个表格。 3. 在JavaScript文件中编写相应的代码,在页面加载完成后初始化Bootstrap Table,并设置一些基本的参数,如表格的id、数据源等。示例如下: ```javascript $(document).ready(function() { // 初始化Bootstrap Table $('#table-demo').bootstrapTable({ url: 'data.json', // 数据源文件的URL pagination: true, // 启用分页功能 pageSize: 10, // 每页显示的记录数 pageList: [10, 25, 50, 100], // 可选择的每页记录数 paginationPreText: '<', // 上一页按钮的图标或文字 paginationNextText: '>', // 下一页按钮的图标或文字 paginationLoop: false, // 禁止循环翻页 sidePagination: 'client', // 客户端分页 columns: [{ field: 'id', title: 'ID' }, { field: 'name', title: '名称' }, { field: 'age', title: '年龄' }] }); }); ``` 4. 在数据源文件中提供需要显示的数据,如JSON格式的数据。在上述代码中,数据源文件为data.json,可以根据实际情况修改。 通过以上步骤,就可以实现一个简单的Bootstrap Table分页的demo。可以根据实际需求修改和扩展代码,实现更多的功能和样式定制。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值