jquery datatables 初始化配置归纳

来源：互联网发布：微博推广淘宝店铺编辑：程序博客网时间：2024/06/09 14:30
稍稍归纳了一下datatables的初始化配置方法，更为详细的配置及用法请参考https://datatables.net/examples/index
var oTable = $('#table').dataTable({        "bProcessing" : true, //DataTables载入数据时，是否显示‘进度’提示         "bServerSide" : true, //是否启动服务器端数据导入         "bStateSave" : true, //是否打开客户端状态记录功能,此功能在ajax刷新纪录的时候不会将个性化设定回复为初始化状态         "bJQueryUI" : true, //是否使用 jQury的UI theme         "sScrollY" : 450, //DataTables的高         "sScrollX" : 820, //DataTables的宽         "aLengthMenu" : [20, 40, 60], //更改显示记录数选项         "iDisplayLength" : 40, //默认显示的记录数         "bAutoWidth" : false, //是否自适应宽度         "bScrollInfinite" : false, //是否启动初始化滚动条         "bScrollCollapse" : true, //是否开启DataTables的高度自适应，当数据条数不够分页数据条数的时候，插件高度是否随数据条数而改变         "bPaginate" : true, //是否显示（应用）分页器         "bInfo" : true, //是否显示页脚信息，DataTables插件左下角显示记录数         "sPaginationType" : "full_numbers", //详细分页组，可以支持直接跳转到某页         "bSort" : true, //是否启动各个字段的排序功能         "aaSorting" : [[1, "asc"]], //默认的排序方式，第2列，升序排列         "bFilter" : true, //是否启动过滤、搜索功能         "oLanguage": { //国际化配置             "sProcessing" : "正在获取数据，请稍后...",               "sLengthMenu" : "显示 _MENU_ 条",               "sZeroRecords" : "没有您要搜索的内容",               "sInfo" : "从 _START_ 到  _END_ 条记录 总记录数为 _TOTAL_ 条",               "sInfoEmpty" : "记录数为0",               "sInfoFiltered" : "(全部记录数 _MAX_ 条)",               "sInfoPostFix" : "",               "sSearch" : "搜索",               "sUrl" : "",               "oPaginate": {                   "sFirst" : "第一页",                   "sPrevious" : "上一页",                   "sNext" : "下一页",                   "sLast" : "最后一页"               }         }            "aoColumns" : [{                //设置列属性aoColumnDefs设置列的属性时，可以任意指定列                "mDataProp" : "USERID",                  "sDefaultContent" : "", //此列默认值为""，以防数据中没有此值，DataTables加载数据的时候报错                  "bVisible" : false //此列不显示              }, {                  "mDataProp" : "USERNAME",                  "sTitle" : "用户名",                  "sDefaultContent" : "",                  "sClass" : "center"              }, {                 "mDataProp" : "EMAIL",                  "sTitle" : "电子邮箱",                  "sDefaultContent" : "",                  "sClass" : "center"              }, {                  "mDataProp" : "MOBILE",                  "sTitle" : "手机",                  "sDefaultContent" : "",                  "sClass" : "center"              }, {                  "mDataProp" : "PHONE",                  "sTitle" : "座机",                  "sDefaultContent" : "",                  "sClass" : "center"              }, {                  "mDataProp" : "NAME",                  "sTitle" : "姓名",                  "sDefaultContent" : "",                  "sClass" : "center"              }, {                  "mDataProp" : "ISADMIN",                  "sTitle" : "用户权限",                  "sDefaultContent" : "",                  "sClass" : "center"              }],                                        "fnRowCallback" : function(nRow, aData, iDisplayIndex) {              /* 用来改写用户权限 */                  if (aData.ISADMIN == '1')                      $('td:eq(5)', nRow).html('管理员');                  if (aData.ISADMIN == '2')                      $('td:eq(5)', nRow).html('资料下载');                 if (aData.ISADMIN == '3')                      $('td:eq(5)', nRow).html('一般用户');                  return nRow;              },                  "sAjaxSource" : "../use/userList.do?now=" + new Date().getTime(),                      //服务器端，数据回调处理                  "fnServerData" : function(sSource, aDataSet, fnCallback) {                      $.ajax({                          "dataType" : 'json',                          "type" : "POST",                          "url" : sSource,                          "data" : aDataSet,                          "success" : fnCallback                      });                  }  });
阅读全文
0 0