angle2データテーブルに行番号またはシリアル番号を追加する方法

Question

私はangular2 -datatableを使用しています。

対応する行に正しい行番号を表示できません。

paginatorを使用して次のページに移動すると、datatableは1から数え始めます。

私のhtmlコード：

   <tbody> 
       <tr *ngFor="let item of mf.data; let i =index"> 
        <td> 
         {{i+1}} 
        </td> 
        <td>{{ item.name }}</td> 
        <td>{{item.department}}</td> 
        <td >{{item.category}}</td> 

       </tr> 
       </tbody> 

Answer 1

{{data.indexOf(item) + 1}}を試してみてください、ここで私はdataは、あなたがこのデータの配列から元のインデックスを取得します<table [mfData]="data | filter "

によって<table>にバインド変数であると仮定します。

plunker demo。

Answer 2

あなたは（アイテムの数がページごとに表示できます）currentPage（現在のページ番号）とitemsPerPageでそれを計算する必要があります。

{{ itemsPerPage * (currentPage - 1) + i + 1 }}