Add line break in data to display in Grid

Question

Hi, I'd like to add line breaks in my data for a Grid I'm using. No method I have found works. Here is my data file, and where I'd like line breaks to appear. How do I achieve this? I've tried so many methods I've found on the internet, but no luck yet.export let dateValidationData: Object[] = [ { Type: 'Mandatory (via REGEX)', ValidationCriteria: '.{1,}', ErrorMessage: 'You must enter a value' }, { Type: 'Format', ValidationCriteria: 'The entered date must always fit the format of the configured input mask: dd/mm/yyyy or
mm/dd/yyyy or
yyyy-mm-dd ', ErrorMessage: 'You must enter a valid date in the correct format: [configured input mask]' }, { Type: 'Range', ValidationCriteria: 'The entered date must fall between configured min/max range', ErrorMessage: 'The date you have entered is either too far in the past or too far in the future' }];

Shalini Maragathavel · Accepted Answer

Hi Alexander, Greetings from syncfusion control. We have analyzed your query and understood that you want add a line break in the datasource to display grid column. To achieve your requirement we suggest you to define the column property disableHtmlEncode as false to that particular column. Refer the below code example for more information. App.component.html

Please find the below sample for more information. Sample: https://stackblitz.com/edit/angular-qqf1wf?file=app.component.html API Reference: https://ej2.syncfusion.com/angular/documentation/api/grid/column/#disablehtmlencode Please get back to us if you need further assistance. Regards, Shalini M.