title: Is there a way to create a dynamic row numbering column with Angular and SyncFusion data grid?
body: <p>I am currently working on a data grid using <strong>Angular and the GridComponent of SyncFusion</strong>. I want to add a <strong>dynamic row numbering column</strong>. In the SyncFusion forum, I was told that there is no Built-In support for this kind of problem. So, I thought about asking here for ideas.</p>
  <p>Some further information:
  Right now, I am explicitly adding a column in the grid initialization that does the work in the beginning.</p>
  <pre><code>for(let i=0; i&lt;myComponentConfig.componentData.gridData.length; i++){
        myComponentConfig.componentData.gridData[i].rowIndex = i;
  }
  </code></pre>
  <p>-&gt; myComponentConfig.componentData.gridData is the object-array that is getting binded to the grids dataSource</p>
  <p>Now, the problem is that the grid has various functionalities that change the order of the row numbering.
  Some of them , like adding or deleting rows directly change the grid datasource, which makes it relatively easy to react to these changes. But some only change the view on the grid, like filtering functionalities.</p>
  <p>So, are there any possibilities to create such a dynamic row numbering, which reacts to row and column reordering, adding, deleting, filtering , ...?
  Thanks in advance!</p>