bootstrap table 插件从服务器请求数据分页

最新推荐文章于 2021-01-01 22:26:30 发布

a94522538

最新推荐文章于 2021-01-01 22:26:30 发布

阅读量2.6k

点赞数

文章标签： bootstrap 服务器插件 java table

本文链接：https://blog.csdn.net/a94522538/article/details/51754562

版权

<span style="font-family: Arial, Helvetica, sans-serif;"><html></span>

<head>
	<link rel="stylesheet" href="./bootstrap/css/bootstrap/bootstrap.css" />
	<link rel="stylesheet" href="./bootstrap-table/bootstrap-table.css" />	
	
	<script src="./jquery/jquery.min.js"></script>
	<script src="./bootstrap/js/bootstrap.js"></script>	
	<script src="./bootstrap-table/bootstrap-table.js"></script>
</head>

<body>
	<div id="content">
		
		
		<div id="content-body">
			
			<div id="reportTableDiv" class="span10">
				<table id="reportTable">
				</table>
			</div>
		</div>
	</div>
	

	<script type="text/javascript">
		function initReport() {
			$('#reportTable').bootstrapTable({
				method: 'get',
				cache: false,
				height: 400,
				striped: true,
				pagination: true,
				sidePagination: "server", //服务端处理分页
				//pageSize: 20,
				pageNumber:1,
				pageList: [10, 20, 50, 100, 200, 500],
				search: true,
				showColumns: true,
				showRefresh: true,
				search: true,
				clickToSelect: true,				
				columns: [{field:"sid",title:"sid",align:"center",valign:"middle",sortable:"true"},
				      {field:"age",title:"age",align:"center",valign:"middle",sortable:"true"},
				      {field:"name",title:"name",align:"center",valign:"middle",sortable:"true"}],
				url:"xxxxxxxxxx",

<span style="font-family: Arial, Helvetica, sans-serif;">				onPageChange: function (size, number) {</span>

					
					
                                },
		
               onLoadSuccess:function(data){
               
              },
               onLoadError:function(status,res){
                 

              },
                formatNoMatches: function(){
                	return '??';
                }
			});
		}
		initReport();
		
	</script>

</body>

</html>

服务器返回的数据必须得是json格式的，pageSize缺省为10，columns必须与返回的字段对应

a94522538

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
bootstrap table 插件从服务器请求数据分页

function initReport() { $('#reportTable').bootstrapTable({ method: 'get', cache: false, height: 400, striped: true, pagination: true, sidePagination: "server", //服务端处理分页
复制链接

扫一扫