Hiding multiple columns

Question

Hello,I've a grid which contains freezed columns, if i try to hide multiple column in the grid the css breaks.This works perfectly fine if the grid does not have any freezed columns.Please check, I was able to replicate it in the below samplehttps://plnkr.co/edit/tIol6vTzMyoJJLk558Fz?p=preview

Mohammed Farook J · Answer

Hi Manu, 

Thanks for Contacting Syncfusion Supports. 

We have validated the provided sample and please use the following code example for hiding the multiple grid columns.  






public onClicked(e: MouseEvent): void { 
    let test = ['Order ID', 'Customer Name', 'Freight', 'Ship Country', 'Order Date', 'Shipped Date'] 
        this.grid.hideColumns(test); 
  } 


Please find the sample and documentation for your reference . 

Sample : https://plnkr.co/edit/NmD8vUs7bUMctmJNSAax?p=preview  

Documentation : 

showColumns() method : https://ej2.syncfusion.com/16.1.37/angular/documentation/grid/api-gridComponent.html#hidecolumns  
 
hideColumns() method:  https://ej2.syncfusion.com/16.1.37/angular/documentation/grid/api-gridComponent.html#showcolumns  

Regards, 
J.Mohammed Farook