动态数据表格插件ZBTable（原创）

所属分类： JQ特效 UI 图表

查看演示立即下载

插件描述：能够根据后台传来的JSON数据动态创建的基本功能的JQuery表格插件

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

插件说明

evenRowClass、oddRowClass、curRowClass为样式，可自定义；

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。

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效：可拖动的轮播插件（视频存在进度条，swiper插件）
下一个特效：基于citypicker做四级联动，数据异步获取，动态赋值