igx-grid dynamic column with columnHiding not working

[nikunjgajera]

I am new in Ignite UI angular.

I create table using igx-grid with dynamic column but in my case column created perfectly but columnHiding not showing all column name.

I am using below code demo for create grid with dynamic column

https://stackblitz.com/edit/igx-grid-ngfor-columns

this working perfectly, but i am calling backend API for get data and header.

so i can change app.component.ts using setTimeout

import { Component, ViewChild, ChangeDetectorRef } from '@angular/core';
import { IgxGridComponent } from "igniteui-angular";
import { localData } from './data';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  @ViewChild("grid1") public grid1: IgxGridComponent;	
  @ViewChild("grid2") public grid: IgxGridComponent;
  private data;
	private columns:any;

	constructor() { }

	public ngOnInit(): void {
    var self = this;
    setTimeout(function() {
      self.columns = [
        { field: "EmployeeID", width: "100px", type: "number" },
        { field: "FirstName", width: "200px", type: "string" },
        { field: "LastName", width: "100px", type: "string" },
        { field: "Country", width: "50px", type: "string" },
        { field: "Age", width: "200px", type: "number" },
        { field: "RegistererDate", width: "50px", type: "date" },
        { field: "IsActive", width: "50px", type: "boolean" }
      ];

      self.data = localData;
    }, 4000);
	}
}

you can try this code in that url and check response

[rkaraivanov]

Closed via #3268