How to show column (array of data)

[chhinsras]

I have

export interface Call {
  id?: number;
  acceptCall: boolean;
  callReasons: CallReason[];
}

export interface CallReason {
  callId: number;
  name: string;
}

// This is column configuration

 this.columns = [
  { key: 'id', title: 'Id', width: '5%'},
  { key: 'callClients.name', title: 'Clients', width: '7%'}, /// it is not showing anything
  { key: 'acceptCall', title: 'Accept Call', width: '3%' },
];

[ssuperczynski]

You are trying to access callClients.name, but the Call interface doesn't have callClients property. Is it a typo?

[chhinsras]

You are trying to access callClients.name, but the Call interface doesn't have callClients property. Is it a typo?

it is not typo.

it is 'callReasons.name'

is it possible to access the array

// this is my actual response from server.

[
    {
        "id": 17,
        "acceptCall": true,
        "callClients": [
            {
                "id": 12,
                "name": "Mean thormi",
            },
            {
                "id": 10,
                "name": "Borarey",
            }
        ],
        "callReasons": [
            {
                "id": 46,
                "name": "Support Transportation"
            },
            {
                "id": 22,
                "name": "Buy Food"
            }
        ]
    },
    {
        "id": 16,
        "acceptCall": true,
        "callClients": [
            {
                "id": 12,
                "name": "Mean thormi",
            },
            {
                "id": 10,
                "name": "Borarey",
            }
        ],
        "callReasons": [
            {
                "id": 46,
                "name": "Support Transportation"
            },
            {
                "id": 22,
                "name": "Buy Food"
            }
        ]
    }
]

[chhinsras]

This is what I am thinking of // { key: 'callClients.map(c => c.nameKH)', title: 'Clients', width: '7%'}

But not working

[ssuperczynski]

You need to build your own column template, since it is an array, not an object.

https://github.com/ssuperczynski/ngx-easy-table/blob/master/src/app/demo/col-template/col-template.component.html

[chhinsras]

I still cannot figure it out.

Could you show me how to use this template?

[chhinsras]

I followed you and it showed object

[chhinsras]

I need to manual type the template copied from this repo to work.

<ng-template #clientTbl let-row let-rowIndex="rowIndex"> <div *ngFor="let item of row.callClients">

{{item.name}}