Requirement In Grid

[PH Harish]

Hi Team,

              I am using ejs-grid in that I have one requirement. For more details please refer to the attachment.

Attachment: My_requirement_was_in_the_table_64cbe5f6.zip

[Thiyagu Subramani]

Hi PH,  

Greetings from Syncfusion support.  

Query 1: If header names are too large need to split into the next line? 

Yes, we can achieve this requirement by applying of our default textWrapSettings.wrapMode property as “Header”. We already have documentation for this requirement. 

Please refer to the below code and documentation links for more information.  

<ejs-grid [dataSource]='data' allowTextWrap='true' [textWrapSettings]='wrapSettings' height='350' width='800'> 

this.wrapSettings = { wrapMode: 'Header' };  // By default wrapMode as ‘Both’. 

Sample link: https://stackblitz.com/edit/angular-a8vrcc-nh17cq?file=app.component.ts 

 

API : https://ej2.syncfusion.com/angular/documentation/api/grid/textWrapSettings/ 

UG : https://ej2.syncfusion.com/angular/documentation/grid/cell/#auto-wrap 

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

Regards, 

Thiyagu S.