Grid column header checkbox removal

Thread ID:	Created:	Updated:	Platform:	Replies:
144782	May 22,2019 10:41 AM UTC	May 22,2019 11:21 AM UTC	Angular - EJ 2	1

Subscribe to this post

Tags: Grid

Domantas

Asked On May 22, 2019 10:41 AM UTC

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 ?

Reply | Reply with quote

Pavithra Subramaniyam [Syncfusion]

Replied On 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.

Reply | Reply with quote

CONTACT US

Grid column header checkbox removal

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US