Chexbox Matrix

[Namita]

I need to show checkbox matrix in the grid. Although I have one link

https://www.syncfusion.com/forums/151664/display-matrix-of-check-boxes-inside-a-grid

but my data is like that:-

Where it is true, it should be checked and where is false it should be unchecked.

Right now data is coming like that:-

Please help as per my data

[Ajith Govarthan]

Hi Namita, 

  

Greetings from Syncfusion. 

  

Based on your requirement we have prepared sample in that we have used the displayAsCheckBox property as true to show the data as checkbox based on the Boolean values. And you can change the values by editing the row. In the edit state  also we have shown the boolean value as check box using the editType as booleanedit.  We have attached the sample so please refer the sample for your reference. 

  

Code Snippet:  

app.component.html 

  

<e-column field='Permission' [isPrimaryKey]="true" headerText='Permission' width='120' textAlign='Right'></e-column> 

<e-column field='HRExecutive' displayAsCheckBox='true' headerText='HR Executive' editType="booleanedit" 

width='150'> 

</e-column> 

<e-column field='HRAdmin' headerText='HR Admin' displayAsCheckBox='true' editType="booleanedit"  width='120'> 

</e-column> 

  

  

  

Sample Link: https://stackblitz.com/edit/angular-gwx9kh-rspm5w?file=app.component.html  

  

Please get back to us if you need further assistance. 

  

Regards, 

Ajith G. 

  

[Namita]

Thanks for the reply. It is working now

[Rajapandi Ravi]

Hi Namita, 

We are happy to hear that issue is resolved. 

Please get back to us if you need further assistance. 

Regards, 

Rajapandi R