如何使用jquery在jquery數據表中插入序列號？

< script type = "text/javascript" > 
    $(function() { 
    var oAllLinksTable = $("#mydatatable").dataTable({ 
     "bProcessing": false, 
     "bServerSide": true, 
     "sAjaxSource": "/myreports/data?Id=" + id, 
     "sPaginationType": "full_numbers", 
     "bDestroy": true 
    }); 
    }); 
< /script>

我的表如下如何使用jquery在jquery數據表中插入序列號？

<table id="headertagstable" style="width: 100%;" class="grid-table04 margin-b-20"> 
    <thead> 
    <tr> 
     <th width="10%" align="left" valign="middle"> 
     SI No 
     </th> 
     <th width="40%" align="left" class="black-link-first" valign="middle"> 
     Name 
     </th> 
     <th width="25%" align="left" valign="middle"> 
     Date 
     </th> 
     <th width="25%" align="left" valign="middle"> 
     Place 
     </th> 
    </tr> 
    </thead> 
</table>

所有作品，除了序號罰款。我如何使用jQuery添加序列號？

來源

2012-02-06 Sreenath Plakkat

而不是將更多的代碼提供描述以及代碼來理解問題 – 2012-02-06 05:43:58

在我如何插入序列號使用jquery我嘗試實現「aoColumnDefs」：[{「bSortable」：true，「bSearchable」：true，「fnRender」：function（oObj）{//這裏如何生成序列號？並使用返回的序列號}「aTargets」：[0] } – 2012-02-06 05:47:27

你可以嘗試以下

"fnRowCallback" : function(nRow, aData, iDisplayIndex){ 
       $("td:first", nRow).html(iDisplayIndex +1); 
       return nRow; 
      },

參考http://datatables.net/forums/discussion/2169/adding-and-deleting-rows-with-row-numbers/p1

另一種解決方案，我只是在計算器本身是如下發現：

var index = iDisplayIndex +1; 
$('td:eq(0)',nRow).html(index); 
return nRow;

參考Add row number column to jquery datatables

更新d： 僅僅調整了fnRowCallback功能才能正常獲得的序列號與paginations

"fnRowCallback" : function(nRow, aData, iDisplayIndex){  
          var oSettings = oAllLinksTable.fnSettings(); 
          $("td:first", nRow).html(oSettings._iDisplayStart+iDisplayIndex +1); 
          return nRow; 
       },

來源

2012-02-06 05:51:37

嗨，它很好的Hemant Thaks很多.. – 2012-02-06 05:55:39

很高興它的工作:) – 2012-02-06 05:56:22

嗨hemanth通過使用此序列號總是從1開始，以防萬一下一個10值被選擇。我需要顯示接下來的10到11到20 – 2012-02-16 09:35:25

僅僅調整了fnRowCallback功能與paginations正確得到序號

"fnRowCallback" : function(nRow, aData, iDisplayIndex){  
          var oSettings = oAllLinksTable.fnSettings(); 
          $("td:first", nRow).html(oSettings._iDisplayStart+iDisplayIndex +1); 
          return nRow; 
       },

來源

2012-08-25 10:25:33 MaNik

I've solved using the following code. The code works fine with pagination. 

    var dt = $('#table-id').DataTable({ 
     ..., 
     "createdRow": function (row, data, index) { 
       var info = dt.page.info(); 
       $('td', row).eq(0).html(index + 1 + info.page * info.length); 
      }, 
    });

來源

2017-11-27 16:59:38 20B2

如何使用jquery在jquery數據表中插入序列號？

回答

相關問題