jQuery自定义表格(原创)

所属分类:UI-图表

 30604  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树状数据转表格插件TreeTable.js

用原生ul以及jquery编写,将树状的json数据,转成表格形式,并可以支持选择。
  图表
 43909  314

Web动态热图插件heatmap.js

Web动态热图插件heatmap.js,可用于监控设备运行状态。
  图表
 27791  277

jquery甘特图实例

JQUERY甘特图实例
  图表
 53559  344

jQuery移动端固定表格表头和任意表列(原创)

jQuery固定表格表头和任意表列,只适用于移动端
  图表
 21713  217

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

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