首页 > Web开发 > 详细

jquery----datatables

时间:2019-05-19 18:04:12      阅读:131      评论:0      收藏:0      [点我收藏+]

伪分页:将全部数据加载到页面上,利用分页功能进行分页(数据不要超过50000条,补充mysql数据库,一张表的数据不要超过1000w条)

 

官方文档:http://www.datatables.club/manual/install.html

有下载地址

1、引入js 和 css

 

2、初始化

$(document).ready( function () {
    $(‘#table_id_example‘).DataTable();  //table_id_example 是table的id(注意table要有thead和tbody)
} );

3、如果需要自定义配置

官网上有详细的说明

    $(function () {
        $(‘.table.table-hover‘).DataTable({
            ‘paging‘      : true,
            ‘lengthChange‘: false,
            ‘searching‘   : false,
            ‘ordering‘    : false,  //使用排序
            ‘info‘        : false,  //左下角提示信息
            ‘autoWidth‘   : false,
        })
    })

 

真分页

  服务器端处理模式——此模式下如:过滤、分页、排序的处理都放在服务器端进行。

 

jquery----datatables

原文:https://www.cnblogs.com/yanxiaoge/p/10889876.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!