一、新版本和老版本的區別

新版本的改進：https://datatables.net/new/1.10

新老版本參數變化列表：http://datatables.club/upgrade/1.10-convert.html

老版本參數列表：

　　http://legacy.datatables.net/usage/features

　　http://legacy.datatables.net/usage/options

　　http://legacy.datatables.net/usage/columns

新版本參數列表：

　　http://datatables.club/reference/option/

?

二、常用參數

格式：新版本（老版本）

1、autoWidth（bAutoWidth）：?讓Datatables自動計算寬度，默認值為true；

2、serverSide(bServerSide)?：開啟服務器模式，默認值為false；

　　不開啟服務器模式，將數據一次取出來全部渲染；

　　若開啟服務器模式，只渲染當前頁的數據；（大數據的時候建議開啟該模式）

3、ajax.data（fnServerParams）?：?發送給服務器的參數

4、ajax.dataSrc（sAjaxDataProp）：表數據的數據屬性或操作方法

（1）當為表數據的數據屬性時，如下：

$('#example').dataTable( {"ajax": {"url": "data.json","dataSrc": "tableData"}
} );

（2）當為方法時，相當于JQuery的ajax的success方法

$('#example').dataTable( {"ajax": {"url": "data.json","dataSrc": function ( json ) {for ( var i=0, ien=json.data.length ; i<ien ; i++ ) {json.data[i][0] = '<a href="/message/'+json.data[i][0]+'>View message</a>';}return json.data;}}
} );

?

5、ajax（fnServerData）：從 Ajax 源加載數據的表的內容,ajax 作為function用法

6、data（aaData）：給表格顯示的數據

7、destroy（bDestroy）：允許重新實例化Datatables，銷毀表格實例，默認值為false； ?常和 retrieve 參數使用；

Destroy an exisiting table and create a new one:

$('#example').dataTable( {"srollY": "200px"
} );// Some time later, recreate with just filtering (no scrolling)
$('#example').dataTable( {"filter": false,"destroy": true
} );

?

8、retrieve（bRetrieve）：檢索一個已存在的Datatables實例； 常和?destroy?參數使用；

Retrieve DataTable instance for an exisiting table:

$(document).ready( function() {initTable();tableActions();
} );function initTable () {return $('#example').dataTable( {"scrollY": "200px","paginate": false,"retrieve": true} );
}function tableActions () {var table = initTable();// perform API operations with `table`// ...
}

?

轉載于:https://www.cnblogs.com/yufeng218/p/6622600.html

總結

以上是生活随笔為你收集整理的dataTables常用参数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。