jquery翻页表格插件

所属分类:UI,导航-图表,分页

 5179  17  查看评论 (8)
jquery翻页表格插件 ie兼容10

使用范例请查看压缩包的index.js

这里放出插件的可用参数:

{
    'showInfo': true,
    /*是否显示每页信息*/ 'tbodyRow': {
        'zebra': true,
        /*斑马行*/ 'selected': false,
        /*选中行*/ 'hover': false,
        /*行hover效果*/ 'write': function(d) { /*表格生成每行数据的方法*/
            var r = '<tr>'
            $.each(d, function(i, val) {
                r += '<td>' + val + '</td>';
            });
            r += '</tr>';
            return r;
        }
    },
    'paginate': {
        'enabled': true,
        /*是否分页*/ 'visibleGo': false,
        /*是否开启直接翻至某页功能*/ 'type': 'numbers',
        /*默认按钮样式递增(numbers只有数字按钮,updown增加上下页按钮,full增加首尾页按钮)*/ 'displayLen': 10,
        /*每页显示条数*/ 'currentPage': 1,
        /*当前页码(初始页码)*/ 'changeDisplayLen': false,
        /*改变每页显示数目*/ 'displayLenMenu': [10, 20, 30, 50] /*改变每页显示数目时的可选值*/
    },
    'tbodyData': {
        'enabled': false,
        /*是否传入表格数据*/ 'source': [] /*传入的表格数据*/
    },
    'serverSide': false,
    /*是否从服务器获取数据*/ /*ajax参数*/ 'ajaxParam': {
        'url': '',
        /*url地址*/ 'type': 'GET',
        /*ajax传输方式*/ 'dataType': 'json',
        /*ajax传送数据格式*/ 'jsonp': null,
        /*dataType是jsonp的时候,传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名*/ 'jsonpCallback': null,
        /*dataType是jsonp的时候,自定义的jsonp回调函数名称*/ 'data': {},
        /*传到服务器的数据*/ 'timeout': 10 * 1000 /*响应最久时间限制,毫秒*/
    },
    'errFlag': false,
    /*出错标记,false无错误,true出错*/ 'errMsg': '',
    /*出错信息*/ 'sendDataHandle': function(d) {
        return d;
    },
    /*传递到服务器的数据预处理方法*/ 'backDataHandle': function(d) {
        return d;
    },
    /*预处理从服务器的接收数据或者js传入的数据*/ 'beforeShow': function() {},
    /*显示之前的额外处理事件*/ 'afterShow': function() {} /*显示之后的额外处理事件*/
}
相关插件-图表,分页

AmChart使用例子

AmChart统计图插件使用例子
  图表
 9114  85

支持ie8的圆形统计比例图

动态统计,支持ie8以及以上版本的ie浏览器,其他的浏览器
  图表
 20056  97

交互式的表格插件

Dynatable 一款有趣的,语义化,交互式的表格插件,使用 jQuery,HTML5 和 JSON 实现。
  图表
 20665  26

jQuery响应式表格插件ReStable

jQuery restable是一个非常简单轻量级(~ 1KB)的jQuery插件,它可以将表格在指定的响应式断点时,使表格结构切换为无序列表结构,以适应在小屏幕设备中显示表格数据。
  图表
 2470  6

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币

    展云 0
    2017/9/14 19:43:44
    显示查询后的数据,在插件里如何写删除tbody里的数据呢??? 回复
    徒生&眼泪℃ 0
    2017/9/1 11:26:43

    有没有下载好的,

    回复
    ?光不老,我?不散。 0
    2017/8/29 10:09:22

    看着不错,就是没有j币

    回复
    外向的孤独患者 0
    2017/8/23 17:41:53

    挺好的,就是没jq币

        玉貔貅0
        2017/8/25 13:53:54

        个人中心连续签到3天得1JQ币

    回复
    不倒翁的brother 0
    2017/8/22 12:00:23

    好用,可是没有Q币没法下载

        CSY1630
        2017/8/25 16:47:42

        个人中心连续签到三天之后,每天签到都能得到1JQ币

    回复
    焕三岁?? 0
    2017/8/21 9:56:02
取消回复