jquery插件dataTables自增序號。

dataTables官網提供了一種方式，使用后沒有達到預期效果（js報錯），沒有深究原因。如果需要，可以按照下面的方式來。

    $('#dataList').dataTable({
        "language": {
            "sProcessing"    : "<div ><img src='/NJLD_MONITOR/pt/common/images/load.gif'><span>計算中...</span></div>", 
            "lengthMenu"    : "每頁顯示 _MENU_", 
            "zeroRecords"    : "沒有找到記錄", 
            "info"            : "_GOPAGE_  當前 _PAGE_/ _PAGES_ 頁 共_TOTAL_條", 
            "infoEmpty"        : "無記錄", 
            "infoFiltered"    : "(從 _MAX_ 條記錄過濾)",
            "oPaginate"        : { 
                "sFirst"    : "首頁",
                "sPrevious"    : "上一頁", 
                "sNext"        : "下一頁", 
                "sLast"        : "尾頁" 
            }
        },
        "bLengthChange"     : false,                            
        "bInfo"                : false,
        "bPaginate"            : false,
        "sDom"                : 'rt<"bottom "<"pCus "pli>>',
        "bProcessing"        : true,
        "serverSide"         : true,
        "bSort"             : false,
        "sAjaxSource"        : "/NJLD_MONITOR/ControlPlan/caculateLngLat.do",
        "scrollY"            : h, 
        "fnServerData"        : retrieveData,
        "fnServerParams"    : function(aoData){
            aoData.push({"name":"startDate" ,"value" : $('#startDate').val()}),
            aoData.push({"name":"days" ,"value"         : $('#days option:selected').val()})
        },
        "fnDrawCallback"    : function(){
        　　this.api().column(0).nodes().each(function(cell, i) {
        　　　　cell.innerHTML =  i + 1;
        　　});
        },
        "aoColumns"         : [
            {
                "sTitle"     : "序號",
                "sClass"     : "dt-center",
                "bSortable" : false,
                "sWidth"     : "4%",
                "data"        : null,
                "targets"    : 0
            },
            {
                "sTitle"     : "日期",
                "mDataProp" : "date",
                "sClass"     : "dt-center",
                "bSortable" : false,
                "sWidth"     : "12%"
            },{
                "sTitle"     : "開燈時間(日落)",
                "mDataProp" : "sunrise",
                "sClass"     : "dt-center",
                "bSortable" : false,
                "sWidth"     : "12%"
            },{
                "sTitle"     : "關燈時間(日出)",
                "mDataProp" : "sunset",
                "sClass"     : "dt-center",
                "bSortable" : false,
                "sWidth"     : "10%"
            }
        ]
    });

重要的是這一段：

        "fnDrawCallback"    : function(){this.api().column(0).nodes().each(function(cell, i) {cell.innerHTML =  i + 1;});},

效果：

?

注意，這段js可以會被IDE提示錯誤，不過不用管，可以正常運行。

原理就是每次填充一行時，先獲取這一行的第一列，賦值為序號。序號就是填充到第幾行了。