set a column property as the first element of a nested array in ngx-data-table

<ngx-datatable
class='material'
[columnMode]="'force'"
[sortType]="'multi'"
[headerHeight]="50"
[footerHeight]="50"
[rowHeight]="'auto'"
[limit]="10"
[rows]='rows'
[selected]="selected"
[selectionType]="'cell'"
(select)="onSelect($event)"
(activate)="onActivate($event)">
 <ngx-datatable-column name="Gender" [width]="80" prop="resource.gender"></ngx-datatable-column>
 <ngx-datatable-column name="First Name" [width]="80" prop="resource.name[0].text"></ngx-datatable-column>

The last column does not work in my example above, because i cannot specify the first element of a nested array in my json. Without flattening my json is there another trick to do this?

ideally if i could say prop = name.first.text it would work but no such first method exists.


Source: stackoverflow-javascript