Posted 8 June 2021, 8:04 pm EST
Hi ,
I’m facing an issue where when i load data into the grid, some values of the cells are not present in there respective dropdowns but i still want to display those values in the cells.
totalCities = ['A', 'B', 'C', 'D'];
data = [
{ name: 'a', city: ['E'] },
{ name: 'b', city: ['B'] },
{ name: 'c', city: ['A'] },
{ name: 'd', city: ['F'] },
{ name: 'e', city: ['C'] },
{ name: 'f', city: ['D'] },
{ name: 'i', city: ['B'] }
];
So in the data I have 6 unique cities present but in the totalCitites( which the dropdown collection for the City Column) i have only 4 citites. Now i want to display those (‘E’, ‘F’) values also on the grid in the City column having totalCities dropdown.(So initially it wouldn’t have any checked value)
How can i achieve this.
Snippet of the above issue -
https://stackblitz.com/edit/angular-ivy-5gpwgn?file=src/app/app.component.ts
Please provide solution for the same.
Thank You.