2017-05-11 57 views
-1

我正在使用angular2-datatable。如何在angular2數據表中添加行號或序列號

我無法在相應的行中顯示正確的行號。

當用戶使用paginator移動到下一頁時,數據表從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> 

回答

0

嘗試{{data.indexOf(item) + 1}},在這裏我想data是綁定到<table><table [mfData]="data | filter "

這將得到的數據陣列的原始指標變量。

plunker demo

+0

我嘗試這樣做。當我移動到下一頁時,它仍然從0開始計數。 – mistletoe

+0

非常感謝!這對我有效。 – mistletoe

+0

另外,在升序/降序排序發生後,是否有辦法再次開始計數? – mistletoe

0

您需要currentPage(當前頁碼)和itemsPerPage來計算的話(項目數爲每頁顯示):

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

非常感謝您的回答!儘管我最終使用了其他解決方案。 – mistletoe

+0

我也試過這個,但由於某種原因,我無法將活動頁面綁定到變量,我這樣做:[(mfActivePage)] =「activepage」。然後像你建議我這樣做{{rowsOnPage *(activepage - 1)+ i + 1}} – mistletoe

+0

一旦每頁都有正確的當前頁碼,上面的頁碼就會給你正確的序列號。 –

相關問題