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提示错误，不过不用管，可以正常运行。

原理就是每次填充一行时，先获取这一行的第一列，赋值为序号。序号就是填充到第几行了。