html 表单数据自动分页,layui+nicePage.js实现JSON自动表格分页代码

基本使用说明：

//标准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']

});

});

//初始化完成