jQuery DataTable插件是一個非常實用的數據表插件，支持數據排序、搜索、分頁等功能，十分方便好用。在使用jQuery DataTable插件的時候，經常會需要自動編號，這篇文章就為大家詳細介紹如何實現jQuery DataTable自動編號。

$(document).ready(function(){
$('#example').dataTable( {
"columnDefs": [
{ "targets": 0, "data": null, "orderable": false, "width":"30px", className:"text-center"},
{ "targets": 1, "data": null, "orderable": false, "width":"30px", className:"text-center"},
{ "targets": 2, "data": null, "orderable": false, "width":"30px", className:"text-center"},
{ "targets": -1, "data": null, "orderable": false, "width":"100px", className:"text-center"},
],
"order": [],
"ordering": false,
"bPaginate":true, // 翻頁功能
"bFilter":false, // 過濾功能
"pagingType": "full_numbers", // 分頁樣式
"bLengthChange": false, // 頁面是否可以進行一下變更
"bAutoWidth":true,
"bRetrieve":true,
"bProcessing":true,
"oLanguage": {
"sProcessing": "處理中...",
"sLengthMenu": "每頁 _MENU_ 條記錄",
"sZeroRecords": "沒有匹配結果",
"sInfo": "第 _PAGE_ 頁 ( 總共 _PAGES_ 頁 )",
"sInfoEmpty": "暫無數據",
"sInfoFiltered": "( 共 _MAX_ 條記錄 )",
"sInfoPostFix": "",
"sSearch": "查找：",
"sUrl": "",
"oPaginate": {
"sFirst": "第一頁",
"sPrevious": "上一頁",
"sNext": "下一頁",
"sLast": "最后一頁"
},
},
"fnDrawCallback": function( oSettings ) {
$("td:first" , oSettings.nTBody() ).each( function (i){  
this.innerHTML = i+1;  
});  
},
});
});

上述代碼中的fnDrawCallback函數就是實現自動編號的關鍵，在DataTable加載和重繪每一行數據的時候，遍歷每一個節點中的第一個td，將其內容改為行號即可。

最后，需要特別注意的是，fnDrawCallback函數的位置要放在dataTable的初始化過程中，并在初始化時傳遞進去。這樣才能保證DataTable的每一次加載和重繪都正確地進行自動編號。