We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Grid column header checkbox removal


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 ?

1 Reply

PS Pavithra Subramaniyam Syncfusion Team May 22, 2019 11:21 AM UTC

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. 
    selector: 'app-root', 
    template: '<ejs-grid  #grid [dataSource]='data' (headerCellInfo)="headerCellInfo($event)"> 
                              <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> 
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. 
Pavithra S. 

Live Chat Icon For mobile
Up arrow icon