码迷,mamicode.com
首页 > Web开发 > 详细

JQuery.DataTables

时间:2015-04-02 13:20:52      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

1.引用jquery.datatables.js

技术分享
 1 $(function(){
 2  $(".data-table").dataTable({
 3                 "bPaginate": true, //开关,是否显示分页器
 4                 //                "bInfo": true, //开关,是否显示表格的一些信息
 5                 "bFilter": false, //开关,是否启用客户端过滤器
 6                 //                "bAutoWith": false,
 7                 //                "bDeferRender": false,
 8                 "bJQueryUI": true, //开关,是否启用JQueryUI风格
 9                 "bLengthChange": false, //开关,是否显示每页大小的下拉框
10                 //"bProcessing": true,
11                 "bServerSide": false,//是否启用服务器端分页
12                 //                "bScrollInfinite": false,
13                 //                "sScrollY": "800px", //是否开启垂直滚动,以及指定滚动区域大小,可设值:‘disabled‘,‘2000px‘
14                 //                "bSort": true, //开关,是否启用各列具有按列排序的功能
15                 //                "bSortClasses": true,
16                 //                "bStateSave": false, //开关,是否打开客户端状态记录功能。这个数据是记录在cookies中的, 打开了这个记录后,即使刷新一次页面,或重新打开浏览器,之前的状态都是保存下来的- ------当值为true时aoColumnDefs不能隐藏列
17                 //                "sScrollX": "50%", //是否开启水平滚动,以及指定滚动区域大小,可设值:‘disabled‘,‘2000%‘
18                 //                "aaSorting": [[0, "asc"]],
19 
20                 //                "aoColumnDefs": [{ "bVisible": false, "aTargets": [0]}]//隐藏列
21 
22                 "sAjaxSource": "../Tools/getDataTables.ashx",
23                 //sEcho=3&iDisplayStart=1&iDisplayLength=2&iSortingCols=1&sSearch=false&iColumns=4&sColumns=sysType,userCode,sysMsg,sysIP,sysTime",
24                 "sDom": ‘<""l>t<"F"fp>‘,
25                 "bAutoWidth": false, //自适应宽度
26                 "aaSorting": [[1, "asc"]],
27                 "sPaginationType": "full_numbers",
28                 "oLanguage": {
29                     "iDisplayLength": 2,
30                     "sProcessing": "正在加载中......",
31                     "sLengthMenu": "每页显示 _MENU_ 条记录",
32                     "sZeroRecords": "对不起,查询不到相关数据!",
33                     "sEmptyTable": "表中无数据存在!",
34                     "sInfo": "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录",
35                     "sInfoFiltered": "数据表中共为 _MAX_ 条记录",
36                     "sSearch": "搜索",
37                     "oPaginate": {
38                         "sFirst": "首页",
39                         "sPrevious": "上一页",
40                         "sNext": "下一页",
41                         "sLast": "末页"
42                     }
43                 } //多语言配置
44             });
45 });
View Code

 

JQuery.DataTables

标签:

原文地址:http://www.cnblogs.com/hsyzero/p/4386585.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!