How to set bold and italic in a cell data

[Nithin Benny]

I need to set bold and italic in a cell data in treegrid based on some conditions.

[Farveen Sulthana Thameeztheen Basha]

Hi Nithin, 

Thanks for contacting Syncfusion Support. 

We have checked your query and we have achieved your requirement using queryCellInfo event of the TreeGrid. In the queryCellInfo event, we can get the corresponding cell data and customize the cells based on condition. 

Refer to the code example:- 

App.component.html 

<ejs-treegrid [dataSource]='data'  childMapping='subtasks' [treeColumnIndex]='1'allowPaging='true' [pageSettings]='pageSettings' [editSettings]='editSettings'  (queryCellInfo)="queryCellInfo($event)" > 

        <e-columns> 

            <e-column field='taskID' headerText='Task ID' width='120' textAlign='Right' isPrimaryKey='true' ></e-column> 

               .   .       

        

    </ejs-treegrid> 

App.component.ts 

queryCellInfo(args: QueryCellInfoEventArgs): void { 

       if (args.data['duration'] == 0 ) { 

             args.cell.style.fontWeight = 'bold'; 

             args.cell.style.fontStyle = 'italic' 

          }  

        

    } 

Sample Link:- https://stackblitz.com/edit/angular-u7hyfk-utcmiv 

Demo Link:- https://ej2.syncfusion.com/angular/demos/#/material/treegrid/conditionalformatting 

https://ej2.syncfusion.com/angular/documentation/api/treegrid/#querycellinfo 

Please get back to us if