Grid column header checkbox removal

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 ?




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. 
 
@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. 


Loader.
Up arrow icon