Grid with column foreign key problem

Question

Hi,I've a problem with foreign key column in grid. I get the data with service.ts , and save it in public variable.Grid with foreign key columns are empty, but if I remove the foreign column, it works fineI attach an exampleAttachment: gridcolumn_67791881.zip

Sujith Kumar Rajkumar · Accepted Answer

Hi Manolo, 

Greetings from Syncfusion support. 

We checked your reported problem and it was occurring as the columns were not properly refreshed on dynamically assigning the foreign key data source to the Grid column in the service’s promise function. You can resolve this by calling the Grid’s refreshColumns method after the data is assigned to the Grid in its dataBound event handler in order to refresh the column model. 

We have modified the sample you had provided based on this. You can download it from the following link, 

Sample: https://www.syncfusion.com/downloads/support/forum/155723/ze/UpdatedAngularApp2021802072  

API link: https://ej2.syncfusion.com/angular/documentation/api/grid/#refreshcolumns 

Please get back to us if you require any further assistance. 

Regards, 
Sujith R