jQuery自定义表格(原创)

所属分类:UI-图表

 32218  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 关闭

相关插件-图表

冻结表头

冻结表头 实现表头的冻结效果
  图表
 46118  373

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

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

layui使用datatableajax请求json渲染数据

基于layui,datatable.js。将datatable扩展成可以使用layui的调用方式调用的插件。当然如果想单独使用的话,将layui扩展去掉即可,可自行百度layui。
  图表
 74101  408

基于echarts双y轴折线图实时更新

双y轴折线图阴影图渐变效果混合实时更新
  图表
 46389  350

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

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