title: How to add row number or Serial no in angular2 datatable
body: <p>I am using angular2 -datatable.</p>
  
  <p>I am not able to display correct row no.s in the corresponding rows.</p>
  
  <p>The datatable starts counting from one again when the user moves to the next page using paginator.</p>
  
  <p>My html code:</p>
  
  <pre><code>                &lt;tbody&gt;
                  &lt;tr  *ngFor="let item of mf.data; let i =index"&gt;
                      &lt;td&gt;
                          {{i+1}} 
                      &lt;/td&gt;
                      &lt;td&gt;{{ item.name }}&lt;/td&gt;
                      &lt;td&gt;{{item.department}}&lt;/td&gt;
                      &lt;td &gt;{{item.category}}&lt;/td&gt;
  
                  &lt;/tr&gt;
                  &lt;/tbody&gt;
  </code></pre>