bootstrap-tabl分页查询

最新推荐文章于 2022-10-05 07:44:23 发布

小白能否逆袭

最新推荐文章于 2022-10-05 07:44:23 发布

阅读量275

点赞数

文章标签： bootstrap

本文链接：https://blog.csdn.net/qq_44796977/article/details/104993476

版权

本文介绍了两种Bootstrap分页查询方法：客户端查询和服务器端查询。客户端查询时，后台返回所有数据，前端负责分页；而服务端查询则在每次页面切换时，后台根据pageNumber和pageSize参数动态查询并返回对应数据。

摘要由CSDN通过智能技术生成

分页查询

有2种查询方法：客户端查询和服务端查询

第一种客户端分页查查询

客户端是后台直接查出所有的数据，前端进行操作

function initTable() {
   
	$('#tableId').bootstrapTable({
   
		url: basePath + '/excelImport/tzImportList?gsbh='+code,
		method: 'GET',
		//间隔颜色
		striped: true,
		//开启分页
		pagination: true,
		//默认true，true:分页条无限循环
		paginationLoop: false,
		//客户端查询
		sidePagination: 'client',
		//初始页
		pageNumber: 1,
		//每页记录数
		pageSize: 10,
		//默认为true，会机智地根据情况显示分页（pagination）或卡片视图（card view）
		smartDisplay:false,
		//列
	    columns: [{
   checkbox:true},
	    	{
   
	    		title: '操作',
	    		field: 'operate',
	    		align: 'center',
			    valign: 'middle',
			    events: operateEvents, 
			    formatter: operateFormatter,
			   // checkbox: true,
			},
	    	{
   field: 'ID', title: '',visible: false},
	    	{
   field: 'GSMC', title: '公司'},
	    	{
   field: 'LX'