jQuery Datatable - Scrollerが有効なときに行番号を表示

Question

データテーブルに行番号（最初の列）を表示しようとしていますが、残りの部分は表示していません。

私はこの例に従うことを試みた： https://datatables.net/examples/api/counter_columns.html

を、私は私のDataTableのスクロールを有効にしています。

var data = []; 
 
     for (var i=0 ; i<5000 ; i++) { 
 
      data.push([ 
 
      '', 
 
      'First Name ' + i, 
 
      'Last Name '+ i, 
 
      'Postal - ' + i, 
 
      'ZIP - '+ i, 
 
      'USA' ]); 
 
     } 
 
      
 
     var t = $('#example').DataTable({ 
 
      data:   data, 
 
      deferRender: true, 
 
      scrollY:  200, 
 
      scrollCollapse: true, 
 
      scroller:  true, 
 
      info:false 
 
     }); 
 
    
 
    t.on('order.dt search.dt', function() { 
 
     t.column(0, {search:'applied', order:'applied'}).nodes().each(function (cell, i) { 
 
      cell.innerHTML = i+1; 
 
     }); 
 
    }).draw();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script> 
 
<script src="https://cdn.datatables.net/scroller/1.4.3/js/dataTables.scroller.min.js"></script> 
 

 
<link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet"/> 
 
<link href="https://cdn.datatables.net/scroller/1.4.3/css/scroller.dataTables.min.css" rel="stylesheet"/> 
 

 
<table id="example" class="display nowrap" cellspacing="0" width="100%"> 
 
     <thead> 
 
      <tr> 
 
       <th></th> 
 
       <th>ID</th> 
 
       <th>First name</th> 
 
       <th>Last name</th> 
 
       <th>ZIP/Post code</th> 
 
       <th>Country</th> 
 
      </tr> 
 
     </thead> 
 
    </table>

注：行番号はフィルタに基づいてデータと変更に縛られていません。

ご意見、ご協力をお待ちしております。

Answer 1

あなたの奇妙な問題が見つかりました。

あなたはページ番号を無効にするためにpaging:falseが見つかりませんでした。これはあなたの行番号付けの目的を妨害していました。

私はそれがこのdocumentation about scrollYで示唆していることがわかりました。

そして、scroller:trueがありました。これは作業にページネーションが必要です...そして、これはajax ressourceと併用されています。投稿コードであなたの場合はありません。

documentation about scroller全体をお伝えします。

---

2つのオプションのように見えますが、友人です。それはどちらか一方です。

CodePenで作業するように行番号を付けました。