jQuery自定义表格(原创)

所属分类:UI-图表

 32863  335  查看评论 (2)
分享到微信朋友圈
X
jQuery自定义表格(原创) ie兼容11
var  backupAataArray=[],//接受接口的数据,避免翻页的时候发送多次请求
dataTotalNum=0,//数据总条数
tableNum=5,//每一页展示的数据条数
filtrateTable=[],//table每次需要展示的数据,受每页展示条数的限制;
pageNum=1,//当前所在页码;
pageFixedNum=6,//初始化定的页码数量
dataSet=new Set();//用集合来存储选中的数据
var roleSelect=[]//角色下拉框数据;
var pagesChoose=[1,2,3,5,10,20];//自定义每页数据显示条数,可修改
var setOn=true;

初始化表格的函数 S

tableInit(jsonData,1,pagesChoose,false);

初始化表格的函数 E

* 渲染的table的id 重要,重要。渲染多个table的关键(这个留着我下次再封装吧,突然感觉还要考虑很多东西)

  * jsonData:数据(这里是使用的固定数据,因为ajax本地跨域的问题,所以没有使用ajax传递数据,项目中,需根据实际环境做出调整)

  * 每页展示的数据条数,默认为5 可填写的格式为,number true(为默认)

  * 可修改的每页展示条数,默认为[5,10,20];,填写格式为 array true(为默认)

  * 是否添加翻页选中效果 此处使用了set集合的形式,避免重合,所以请使用唯一标识来区别 true 默认打开,false 关闭

相关插件-图表

支持编辑列和添加删除行的表格组件

这是一款基于jquery开发的可动态生成表格的组件
  图表
 30710  314

echarts力引导图关联关系图(适用于ie8)

适用于ie8的力引导图,是属于ets2.0的版本,在ie8上正常使用,简单易修改,需要传如两个数组即对象和数组
  图表
 18947  234

echarts使用示例

静态使用echarts样式,仅作参考
  图表
 61462  503

轻量级图形报表插件JSCharts

JScharts是一个用于在浏览器直接绘制图表的JavaScript工具包。JScharts支持柱状图、圆饼图以及线性图,可以直接将这个图插入网页,JScharts图的数据可以来源于XML文件、JSON文件或JavaScript数组变量。
  图表
 46765  364

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    wangguituan 0
    2019/2/20 14:24:39
    不错,初学。借鉴了!
        Miss李0
        2019/2/20 14:31:21
        一起学习一起进步吧
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复