动态数据表格插件ZBTable(原创)

所属分类:UI-图表

 27891  299  查看评论 (1)
分享到微信朋友圈
X
动态数据表格插件ZBTable(原创) ie兼容8

发布时间:2018-12-4 23:24

插件说明

evenRowClassoddRowClasscurRowClass为样式,可自定义;

overflowHeight参数为表格tbody出现滚动条的高度;

titles参数里 title为表头文字描述、keyName为JSON格式数据中的key、checkBox为展示为复选框、width可自定义宽度;

data参数绑定数据;

插件使用的demo: 

$('#test').ZBTable({
     //evenRowClass:'zbt-evenRow',//表格偶数行样式
     //oddRowClass:'zbt-oddRow',//表格奇数行样式
     //curRowClass:'zbt-curRow',//表格hover样式
     //overflowHeight: "260px",//出现滚动条的高度
     titles:[{
           title: "id",
           keyName: "id",
           width: 40,
           checkBox: true
     },
     {
           title:"姓名",
           keyName:"name"
     },{
           title:"年龄",
           keyName:"age",
           width: 60
     },{
           title:"身高",
           keyName:"height"
     },{
           title:"体重",
           keyName:"weight"
     },{
           title:"性别",
           keyName:"sex"
     }],
     data: testData
});

此插件是本人第一个发布的插件,也是第一次编写的JQuery插件。设置为需要jq币是为了能够下载更多的其他插件进行观摩、学习和改造,再发不出来。小小的一个币希望菜鸟本人帮助到的你们能够理解和支持。在此之后的插件将会免费开源。

下一个版本的table插件将会添加分页功能,并提供获取表格里的值的外部调用方法,并将免费开源,Thanks。

相关插件-图表

jquery-html5关系图

jquery-html关系图-介绍人物关系
  图表
 124210  461

layui的复杂表头及数据处理总结(原创)

在layui的官网有些东西是查不到的,这给我 们造成很多的误解,在网上也找不到成套的实例用法。在这里总结了layui框架的复杂表头的拼接及数据的展示,希望给大家的开发,带来些实用的方便。
  图表
 24909  183

动态数据表格插件ZBTable(原创)

能够根据后台传来的JSON数据动态创建的基本功能的JQuery表格插件
  图表
 27892  299

jQuery 7种冻结行列合并表格

对表格分别进行首行冻结,首列冻结,多行列冻结,合并单元格等
  图表
 29113  341

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

    ~ 0
    2019/3/1 13:39:11
    第二版什么时候啊 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复