Component in the header

[Frédéric]

Hello !

i have a gridcomponent in reactjs and i want to be able to add a checkbox in the header.

So in the header of each column, i will have the textheader and 

How can i acheive that ?

gridcomponent in ej2-react-grids

[Thiyagu Subramani]

  

Hi Frédéric, 

Thanks for contacting Syncfusion support. 

To achieve your requirement we suggest you to use headerTemplate property for the required column. Using headerTemplate property you can customize the header element and in this demo the checkbox component is rendered for CustomerName field header. 

Please refer the below code example:  

gridTemplate(props) { 

return (<div id='default'> 

<CheckBoxComponent checked={true} label='Customer Name'  id="name"  /> 

</div>); 

} 

<ColumnDirective field='CustomerName' . . . .  headerTemplate={this.template}></ColumnDirective> 

 

 

Sample link: https://stackblitz.com/edit/react-zgq6v3-dwuu2k?file=index.js 

UG: https://ej2.syncfusion.com/react/documentation/grid/columns/#header-template 

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

Regards, 

Thiyagu S