Grid header checkbox, Angular 7+, TypeScript 3+

Thread ID:	Created:	Updated:	Platform:	Replies:
141943	Jan 11,2019 11:07 AM UTC	Jan 11,2019 11:22 AM UTC	React - EJ 2	1

Subscribe to this post

Tags: Grid

Laurens Albers

Asked On January 11, 2019 11:09 AM UTC

Hi,

I have a grid with a column containing checkboxes, but setting the type as checkbox also generates a checkbox on the header.

Any idea on how to replace the header checkbox with the headerText and if that's not possible, "disable".

columns: object[] = [

{ field: 'id', headerText: 'Name', textAlign: 'Right', width: 40 },

{ field: 'type', headerText: 'Type', textAlign: 'Right', width: 40 },

{ field: 'length', headerText: 'Length', textAlign: 'Right', width: 40 },

{ field: 'format', headerText: 'Format', textAlign: 'Right', width: 40 },

{ field: 'load', headerText: 'Load', type: 'checkbox', textAlign: 'Right', width: 20, } // needs to show headertext (or be disabled)

];

Something like the property displayAsCheckBox is what im looking for, without the disabled column of checkboxes.

Reply | Reply with quote

Madhu Sudhanan P [Syncfusion]

Replied On January 11, 2019 11:22 AM UTC

Hi Laurens,

Thanks for contacting Syncfusion support.

You can use the headerTemplate of the column as follow to set the header text for the checkbox column.

[

. . . .

{ field: 'load', headerText: 'Load',headerTemplate: "${headerText}", type: 'checkbox', textAlign: 'Right', width: 20, } // needs to show headertext (or be disabled)

];

Regards,

Madhu Sudhanan P

Reply | Reply with quote

CONTACT US

Grid header checkbox, Angular 7+, TypeScript 3+

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US