Grid column header checkbox removal

[Domantas]

Hello,

I need to remove checkbox from column menu header when column is checkbox type. I have this kind of button in toolbar and it acts as duplicate so I want to remove it. How could I do this correctly ?

[Pavithra Subramaniyam]

Hi Domantas, 

 

Thanks for contacting Syncfusion support. 

 

You can remove the header checkbox by using the “headerCellInfo” event. Please refer to the below code example for more information. 

 

@Component({ 

    selector: 'app-root', 

    template: '<ejs-grid  #grid [dataSource]='data' (headerCellInfo)="headerCellInfo($event)"> 

        <e-columns> 

                              <e-column type='checkbox'></e-column> 

            <e-column field='ID' headerText='Order ID' width='120' textAlign='Right' isPrimaryKey='true'></e-column> 

            <e-column field='Name' headerText='Customer Name'></e-column> 

            <e-column field='Gender' headerText='Gender' width='150'></e-column> 

        </e-columns> 

    </ejs-grid>', 

}) 

export class AppComponent { 

 

    

     headerCellInfo(args) { 

        args.node.getElementsByClassName("e-checkbox-wrapper")[0] && args.node.getElementsByClassName("e-checkbox-wrapper")[0].remove(); 

    } 

}  

 

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

 

Regards, 

Pavithra S.