JQuery.DataTables
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 });
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。