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()

上一篇: 治疗干咳小偏方
下一篇: ecshop在PHP 5.4以上版本报错的解决方案
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志: