how to define index in angular material table

by

Can you add index to let element; let i = index;" as you’d do with *ngFor?

<mat-row *matRowDef="let row; columns: displayedColumns; let i = index"></mat-row>

Or like so:

<ng-container matColumnDef="index">
  <mat-header-cell *matHeaderCellDef> Index </mat-header-cell>
  <mat-cell *matCellDef="let element; let i = index;">{{i}}</mat-cell>
</ng-container>

Working Example: https://stackblitz.com/edit/angular-acdxje?file=app/table-basic-example.html

More Related Contents:

  1. How do I return the response from an Observable/http/async call in angular?
  2. How to load external scripts dynamically in Angular?
  3. Property ‘…’ has no initializer and is not definitely assigned in the constructor
  4. Angular 2 Sibling Component Communication
  5. JS : Convert Array of Strings to Array of Objects
  6. Angular: Can’t find Promise, Map, Set and Iterator
  7. Angular 4.3.3 HttpClient : How get value from the header of a response?
  8. Angular 2 router event listener
  9. In Angular, how do you determine the active route?
  10. Angular2 component’s “this” is undefined when executing callback function
  11. Angular 2: TypeError: l_thing0 is undefined in [{{thing.title}} in AppComponent@4:44]
  12. Angular 4 pass data between 2 not related components
  13. Load existing components dynamically Angular 2 Final Release
  14. Angular 5 Scroll to top on every Route click
  15. Call a function on click event in Angular 2
  16. Correct way Provide DomSanitizer to Component with Angular 2 RC6
  17. How to Pass data from child to parent component Angular
  18. Angular2 too many file requests on load
  19. Generate dynamic css based on variables angular
  20. Angular 6: ERROR TypeError: “… is not a function” – but it is
  21. Angular interceptor exclude specific urls
  22. Angular 8 – Lazy loading modules : Error TS1323: Dynamic import is only supported when ‘–module’ flag is ‘commonjs’ or ‘esNext’
  23. How to iterate using ngFor loop Map containing key as string and values as map iteration
  24. Plain Javascript as Angular 2 service
  25. TypeScript TS7015: Element implicitly has an ‘any’ type because index expression is not of type ‘number’
  26. Property ‘catch’ does not exist on type ‘Observable’
  27. How to prevent angular material mat-menu from closing?
  28. Google Sign-In for Websites and Angular 2 using Typescript
  29. Filter Array in Array by date between 2 dates
  30. binding data to angular checkbox

Leave a Comment