Binding to nested data

[brianlagunas]

Need a sample that shows how to have a column data bound to a nested property of the underlying data item.

This example assumes a collection of objects that have a user property which is an object with it's own properties we wish to display in the grid.

{
id: 1,
companyName: "IG",
user: [
  {
    name: "brian",
    email: "something",
    registered: true
  },
 ],
}

<igx-column field=”user” header=”User Details”>
     <ng-template igxCell let-cell=”cell”>
          {{ cell.value.name }} | 
          {{ cell.value.email }} | 
          {{ cell.value.registered }} | 
     </ng-template>
</igx-column>

[obSoftMind]

Hello
How I do to disaplay values of netested columns as
[
company: string
user : {
firstName:'value1',
name:'value2'
},{
firstName:'value3',
name:'value4'
}
How i do to dispaly user objects using Angular 8 and Infragistic grid
]

[zdrawku]

If you are looking for complex data binding, check out the official documentation section on our website.

[obSoftMind]

Hello,
thank you very much for your answer.

In my case, i am looking for to dispaly Grid binding data of a nested objects.
E.g:
const localData = [{
company: string
user : {
firstName:'value1',
name:'value2'
}
}]

In the end, I want to have :
firstName | Name | column |...
value1 | value2 | data |...

Template :
<igx-grid [data]="localData ">

{{ cell.value}}

However, i shouldn't be feltring localData to have only the user. I want to bind to a localData.

Thank you in advance for your helpe

[brianlagunas]

Maybe what you are looking for is the Hierarchical Grid

https://www.infragistics.com/products/ignite-ui-angular/angular/components/hierarchicalgrid/hierarchical_grid.html

[obSoftMind]

Hello and thank's for your answer
In my case I juste wante to display one grid which reprenents the tested object, is it possible?

thank you

[brianlagunas]

@omar-IT Yes, please see the link I provided.

[obSoftMind]

Hello,
I saw your link, thank you
I dont't want to have hierarchicalgrid, juste one grid to dispaly nested data,

[brianlagunas]

Then you need to follow the first link.

https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid.html#complex-data-binding

[obSoftMind]

I am sorry
this exemple shows how to dispaly nested data in the same column. that's not what I want

[brianlagunas]

Take the concepts shown in the sample and change them to achieve your desired results.

[obSoftMind]

thank you, i will do it