博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
表格分页--JSON数据模拟Ajax数据源(原创)
阅读量:5332 次
发布时间:2019-06-15

本文共 1303 字,大约阅读时间需要 4 分钟。

将之前表格分页重写,现在这个插件一页中最多只显示10个页码,而且看起来的效果也挺好的,我还采用了JSON数据模拟了Ajax的处理后动态生成表格。下面是代码

    
表格分页
  • 表格1
  • 表格2
  • 表格3
分店名(表格一) 支付类型(表格一) 金额(表格一)
分店名(表格二) 支付类型(表格二) 金额(表格二)
分店名(表格三) 支付类型(表格三) 金额(表格三)

代码中有注释了,我就不再分析了--(就爱简单粗暴)。

下面我来说一下,插件具体需要哪些基本的配置

1、一个表格table并给其创建类或者ID,

2、在html代码中加入

这段代码,在这段代码中<input type="hidden" id="showNow">不可以改变,如果想要改变需要随便将pages插件源码中也进行修改,下面是具体位置

第一处:

第二处:

第三处:

第四处:

第五处:

第六处:

最后一处:

 

看到这里你是不是觉得没必要修改,鄙人建议不要修改--(不过简单有效的方法是,可以采用记事本的替换),

 3、将

<div id="page">  /*id="page"同上一样我已经写死在插件里面了,修改建议采用记事本替换*/

   <div id="pageY1"></div>   /*ID名或者class名需要自己起(代码中的仅供参考),需要注意的是这里面的div也是在插件中写死的,修改方法同上*/

</div>

好了,插件的一些要求和注意我就说到这里(在大神眼中应该算是废话--不喜勿喷),如果有其他的问题,希望给我留言(如果有哪位大神能帮我优化插件,小弟我不胜感激),有需要的就直接拿去用。

 

对了,上面插件的样式,排版这些都是我临时写的,不太好看,建议大家自己写css样式。

 

转载于:https://www.cnblogs.com/webBlog-gqs/p/6828682.html

你可能感兴趣的文章
【问题解决】线程间操作无效:从不是创建控件“textBox1”的线程访问它
查看>>
Ralink RT3290无线网卡驱动安装 (linux)
查看>>
leetcode38. 报数
查看>>
ava集合框架
查看>>
把sublime text2配置的更好用,用到一点写一点
查看>>
构建之法阅读笔记02
查看>>
nodejs,python,sublime和Eclipse的包管理器
查看>>
完善自己的学习方法
查看>>
C89:论四大生命周期修饰类型
查看>>
CSS块级元素和行内元素
查看>>
git stash 保存当前工作状态
查看>>
github环境搭建
查看>>
Struts 2(二):使用Struts2
查看>>
[接口]mmc/eMMC/SD-card
查看>>
[git/svn]Git和SVN差异
查看>>
第四次博客作业
查看>>
Pillow不支持color emoji font!
查看>>
Java实现数据库的读写分离
查看>>
hdu 2076 夹角有多大(题目已修改,注意读题)
查看>>
Java实现二维码QRCode的编码和解码
查看>>