素材8网-专注前端素材！
来源：https://www.sucai8.cn/59703.html

json表格数据特效带自动分页功能

  • 1576
  • 4
  • 0


json自动分页特效，#基于强大的layui 框架,通过扩展nicePage.js实现JSON数据格式的自动表格分页和跳转功能,配置简单,上手速度快，兼容IE5+。
  1. //标准json格式 目前只支持[{a:b,c:d},{a:b,c:d}]

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

  5.                         //nameList与widthList的数组长度要一致
  6.                         nameList//数组为表格列名,如['序号','姓名','年龄']
  7.                         widthList//数组为列名的宽度,如['100','200','100']
  8.                        
  9.                         /**
  10.                          * 初始化设置nicepage组件
  11.                          *------------------------------------------------------------
  12.                          * 进行数据组装,与layui交互进行元素渲染
  13.                          *-------------------------------------------------------------
  14.                          * @param    {string}  table     table的div id
  15.                          * @param    {string}  bar     底部分页的div id
  16.                          * @param    {int}  limit     每页默认行数
  17.                          * @param    {string}  color     底部分页的颜色
  18.                          * @param    {array}  layout     底部分页的布局,具体可参考layui api
  19.                          *
  20.                          * @date     2018-10-19
  21.                          * @author   Thomas.dz
  22.                          */
  23.                         //初始化
  24.                         $(function () {
  25.                                 nicePage.setCfg({
  26.                                         table: 'table',
  27.                                         bar: 'pageBar',
  28.                                         limit: 20,
  29.                                         color: '#1E9FFF',
  30.                                         layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
  31.                                 });
  32.                         });
  33.                         //初始化完成
复制代码

本素材被以下收藏专辑推荐:

  • 表格|素材: 1, 订阅: 0
  • 表格|素材: 11, 订阅: 0
  • 2|素材: 16, 订阅: 0
  • 下载|素材: 4, 订阅: 0
相关素材
json表格数据特效带自动分页功能
  • 拔刀向天 刚刚下载了一个素材
  • qq小白兔Zja 刚刚下载了一个素材
  • Hitzqf 刚刚下载了一个素材
  • 驳马科技 刚刚下载了一个素材
  • 不爱睡觉 刚刚下载了一个素材
  • 哈哈111111122558 刚刚下载了一个素材
  • Thintime 刚刚下载了一个素材
  • Injoker 刚刚下载了一个素材
  • qqCongA4V 刚刚下载了一个素材
  • 湛江婚礼跟拍 刚刚下载了一个素材
  • 婚礼聚 刚刚下载了一个素材
  • 凝聚影视传媒 刚刚下载了一个素材
  • 廉江婚礼跟拍 刚刚下载了一个素材
  • 婚礼小当家 刚刚下载了一个素材
  • 轉角妳可還在 刚刚下载了一个素材
分享者：
分享者头像
小编
热门素材推荐
HTML素材网，HTML5模板，网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2024  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题