How to remove grid column based on the flag

[Akshatha]

How to remove "Column1" if I set flag as true and add the column "Column1" when flag is set to false. 

[Rajapandiyan Settu]

Hi Akshatha, 

  

Greetings from Syncfusion support.  

By using visible property of the Grid column, you can dynamically hide and show the column in the Grid. Refer to the below code example and sample for more information. 

Visible- API: https://ej2.syncfusion.com/angular/documentation/api/grid/column/#visible  

refreshColumns- method: https://ej2.syncfusion.com/angular/documentation/api/grid#refreshcolumns 

getColumnByField- method: https://ej2.syncfusion.com/angular/documentation/api/grid#getcolumnbyfield 

App.component.html 

// column is hided at initial rendering 

 <e-column field='OrderID' headerText='Order ID' [visible]="!show" width='120' textAlign='Right'></e-column> 

App.component.ts 

click1(args){ 

      this.show = false; 

      this.grid.getColumnByField("OrderID").visible = !this.show;   // show the column in the Grid 

      this.grid.refreshColumns(); 

    } 

    click2(args){ 

      this.show = true; 

      this.grid.getColumnByField("OrderID").visible = !this.show;  // hide the column in the Grid 

      this.grid.refreshColumns(); 

    } 

Sample: https://stackblitz.com/edit/angular-qfzrwp-3cdzkh?file=app.component.ts  

Please get back to us if you need further assistance with this.  

  

Regards,  

Rajapandiyan S