Angular - provided data source did not match an array, observable, or datasource

Question

Im receiving an object in my component via @Input

@Input event

now I need to use the expenses array on my angular material table.

<div class="table-container" *ngIf="event">
    <table mat-table [dataSource]="event" class="mat-elevation-z8">

        <ng-container matColumnDef="type">
          <th mat-header-cell *matHeaderCellDef> No. </th>
          <td mat-cell *matCellDef="let element"> {{event.type}} </td>
        </ng-container>

        <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
        <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
      </table>
</div>

But im getting the error:

provided data source did not match an array, observable, or datasource

try using [dataSource]= "event.expenses"

nircraft
– nircraft

2019-06-18 18:05:00 +00:00
Commented Jun 18, 2019 at 18:05 — nircraft
– nircraft, Commented Jun 18, 2019 at 18:05
@nircraft Thank you !!! Work

Hugo Seleiro
– Hugo Seleiro

2019-06-18 18:11:52 +00:00
Commented Jun 18, 2019 at 18:11 — Hugo Seleiro
– Hugo Seleiro, Commented Jun 18, 2019 at 18:11

nircraft · Accepted Answer · 2019-06-18 18:06:35Z

16

The dataSource supplied to the mat-table is not an array because of which you see that error.

The simplest way to provide data to the mat-table is by passing a data array to the table's dataSource input.

Since your expenses array is in the event object, You need to pass event.expenses to table as dataSource.

<table mat-table [dataSource]="event.expenses" class="mat-elevation-z8">

answered Jun 18, 2019 at 18:06

nircraft

8,5085 gold badges33 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

nircraft Over a year ago

@HugoSeleiro, Thanks :)

Collectives™ on Stack Overflow

Angular - provided data source did not match an array, observable, or datasource

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related