datatables

Jquery DataTables自学笔记 之 基本设置的中文注解

?

$(document).ready(function() {      $( '#example' ).dataTable({

?

"sScrollX" : "100%" ,   //表格的宽度    "sScrollXInner" : "110%" ,   //表格的内容宽度    "bScrollCollapse" : true ,  //当显示的数据不足以支撑表格的默认的高度时，依然显示纵向的滚动条。(默认是false)  "bPaginate" : true ,  //是否显示分页    "bLengthChange" : true ,  //每页显示的记录数    "bFilter" : true , //搜索栏    "bSort" : true , //是否支持排序功能    "bInfo" : true , //显示表格信息    "bAutoWidth" : false ,  //自适应宽度    "aaSorting" : [[1, "asc" ]],  //给列表排序 ，第一个参数表示数组 (由0开始)。1 表示Browser列。第二个参数为 desc或是asc    "aoColumns" : [        null ,        null ,        {            "bVisible" : true , //不可见            "bSearchable" : false , //参与搜索        },        null ,        null    ], //列设置，表有几列，数组就有几项     "bStateSave" : true , //保存状态到cookie *************** 很重要 ， 当搜索的时候页面一刷新会导致搜索的消失。使用这个属性就可避免了    "sPaginationType" : "full_numbers" , //分页，一共两种样式，full_numbers和two_button(默认)    "oLanguage" : {        "sLengthMenu" : "每页显示 _MENU_ 条记录" ,        "sZeroRecords" : "对不起，查询不到任何相关数据" ,        "sInfo" : "当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录" ,        "sInfoEmtpy" : "找不到相关数据" ,        "sInfoFiltered" : "数据表中共为 _MAX_ 条记录)" ,        "sProcessing" : "正在加载中..." ,        "sSearch" : "搜索" ,        "sUrl" : "" , //多语言配置文件，可将oLanguage的设置放在一个txt文件中，例：Javascript/datatable/dtCH.txt        "oPaginate" : {            "sFirst" :    "第一页" ,            "sPrevious" : " 上一页 " ,            "sNext" :     " 下一页 " ,            "sLast" :     " 最后一页 "        }    }, //多语言配置   "bJQueryUI" : false , //可以添加 jqury的ui theme  需要添加css

?

"aLengthMenu" : [[10, 25, 50, -1, 0], [ "每页10条" , "每页25条" , "每页50条" , "显示所有数据" , "不显示数据" ]]  //设置每页显示记录的下拉菜单      }); });

直接调用默认的设置

?

$( '#example' ).dataTable();