Add Serial Number in KendoGrid

https://stackblitz.com/edit/angular-65vwz5-i7meqj?embed=1&file=app/app.component.ts

import { Component } from "@angular/core";

@Component({

  selector: "my-app",

  template: `

    <kendo-grid [data]="gridData">

      <kendo-grid-column title="SN." width="*">

        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">

          {{ rowIndex + 1 }}

        </ng-template>

      </kendo-grid-column>

      <kendo-grid-column field="ProductName"> </kendo-grid-column>

      <kendo-grid-column field="UnitPrice"> </kendo-grid-column>

    </kendo-grid>

  `

})

export class AppComponent {

  public gridData = [

    {

      ProductName: "Chai",

      UnitPrice: 18.0,

      Discontinued: false

    },

    {

      ProductName: "Chang",

      UnitPrice: 19.0,

      Discontinued: true

    }

  ];

}