layui table数据表格前端分页

下面js代码是在前端进行分页,主要是利用表格插件的parseData参数,该参数触发是在请求数据回来后,但还未显示在表中时触发的。

layui.use('table', function(){
			var table = layui.table;
			table.render({
				elem: '#gridTable' ,
				url: contextPath + '/pages/json/手工合同.json',
				method: 'get',
				request: {
			    	limitName: 'rows', //每页数据量的参数名,默认:limit
			    	pageName: 'page',
			    },
			    where: {
			    	
			    },
			    cols: [columns],
				response: {
					statusName: 'result', //数据状态的字段名称,默认:code
					statusCode: 200, //成功的状态码,默认:0
					dataName: 'rows', //数据列表的字段名称,默认:data
					countName: 'total',//规定数据总数的字段名称,默认:count
				},
				page: true,
				parseData: function(res){
					var dataList = res.rows;
					/* 如果需要前端做模拟查询,可以在此处写,先过滤数据
					var temp = dataList;
					dataList = [];
					for(var i=0; i total){
                        end = total;
                    }
					//取分页数据
					for(var i=start; i

 

你可能感兴趣的:(前端插件)