{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

layui+nicePage.js实现JSON自动表格分页代码

基于强大的layui框架,通过扩展nicePage.js实现JSON数据格式的自动表格分页和跳转功能,配置简单,上手速度快,兼容IE5+。


基本使用说明:

		//标准json格式 目前只支持[{a:b,c:d},{a:b,c:d}]

		var json=[{"id":"1","name":"Tom","age":"12"},{"id":"2","name":"Joy","age":"13"}]

		//nameList与widthList的数组长度要一致
		nameList//数组为表格列名,如['序号','姓名','年龄']
		widthList//数组为列名的宽度,如['100','200','100']
		
		/**
		 * 初始化设置nicepage组件
		 *------------------------------------------------------------
		 * 进行数据组装,与layui交互进行元素渲染
		 *-------------------------------------------------------------
		 * @param    {string}  table     table的div id
		 * @param    {string}  bar     底部分页的div id
		 * @param    {int}  limit     每页默认行数
		 * @param    {string}  color     底部分页的颜色
		 * @param    {array}  layout     底部分页的布局,具体可参考layui api
		 *
		 * @date     2018-10-19
		 * @author   Thomas.dz 
		 */
		//初始化
		$(function () {
			nicePage.setCfg({
				table: 'table',
				bar: 'pageBar',
				limit: 20,
				color: '#1E9FFF',
				layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
			});
		});
		//初始化完成


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:layui+nicePage.js实现JSON自动表格分页代码
喜欢 ()分享 (0)