jQuery.datatables.js插件用法及api实例详解

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

$(document).ready(function() {$(‘#example').dataTable( {“aaSorting”: [[ 4, "desc" ]]} );} );

$(document).ready(function() {$(‘#example').dataTable( {“aoColumnDefs”: [{ "bSearchable": false, "bVisible": false, "aTargets": [ 2 ] },{ “bVisible”: false, “aTargets”: [ 3 ] }] } );} );

$(document).ready(function() {$(‘#example').dataTable( {“sDom”: ‘<”top”fli>rt<”bottom”p><”clear”>'} );} );//l- 每页显示数量//f  过滤输入//t  表单Table//i  信息//p  翻页//r  pRocessing//< and >  div elements//<”class” and >  div with a class//Examples: <”wrapper”flipt>, <lf<t>ip>

$(document).ready(function() {$(‘#example').dataTable( {“bStateSave”: true} );} );

$(document).ready(function() {$(‘#example').dataTable( {“sPaginationType”: “full_numbers”} );} );

$(document).ready(function() {$(‘#example').dataTable( {“sScrollX”: “100%”,“sScrollXInner”: “110%”,“bScrollCollapse”: true} );} );

$(document).ready(function() {$(‘#example').dataTable( {“oLanguage”: {“sLengthMenu”: “每页显示 _MENU_ 条记录”,“sZeroRecords”: “抱歉， 没有找到”,“sInfo”: “从 _START_ 到 _END_ /共 _TOTAL_ 条数据”,“sInfoEmpty”: “没有数据”,“sInfoFiltered”: “(从 _MAX_ 条数据中检索)”,“oPaginate”: {“sFirst”: “首页”,“sPrevious”: “前一页”,“sNext”: “后一页”,“sLast”: “尾页”},“sZeroRecords”: “没有检索到数据”,“sProcessing”: “<img src=/'#/'" /loading.gif' />”}} );} );

$(document).ready(function() {$(‘#example').dataTable( {“aLengthMenu”: [[10, 25, 50, -1], [10, 25, 50, "All"]]} );} );

$(document).ready(function() {$(‘#example').dataTable( {“aoColumns”: [null,{ "asSorting": [ "asc" ] },{ “asSorting”: [ "desc", "asc", "asc" ] },{ “asSorting”: [ ] },{ “asSorting”: [ ] }]} );} );

$(document).ready(function() {$(‘#example').dataTable( {“oLanguage”: {“sUrl”: “cn.txt”}} );} );

$(document).ready(function() {$(‘#example').dataTable( {“bProcessing”: true,“sAjaxSource”: ‘./arrays.txt'} );} );

$(document).ready(function() {$(‘#example').dataTable( {“bProcessing”: true,“bServerSide”: true,“sPaginationType”: “full_numbers”,“sAjaxSource”: “./server_processing.php”,/*如果加上下面这段内容，则使用post方式传递数据“fnServerData”: function ( sSource, aoData, fnCallback ) {$.ajax( {“dataType”: ‘json',“type”: “POST”,“url”: sSource,“data”: aoData,“success”: fnCallback} );}*/“oLanguage”: {“sUrl”: “cn.txt”},“aoColumns”: [{ "sName": "platform" },{ "sName": "version" },{ "sName": "engine" },{ "sName": "browser" },{ "sName": "grade" }]//$_GET['sColumns']将接收到aoColumns传递数据} );} );

{“DT_RowId”: “row_8″,“DT_RowClass”: “gradeA”,“0″: “Gecko”,“1″: “Firefox 1.5″,“2″: “Win 98+ / OSX.2+”,“3″: “1.8″,“4″: “A”},