将之前表格分页重写,现在这个插件一页中最多只显示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样式。