Problem with <br> in v3

When I was using v2 with the autoTableHtmlToJson(), I am able to get line break with the <br> tag. However after using v3 with the html option, I am not able to get it anymore.

For example, a text like this: Morbi lectus felis, <br> accumsan id hendrerit nec, <br> scelerisque ut tellus.

Will become like this: Morbi lectus felis, accumsan id hendrerit nec, scelerisque ut tellus.

My options are like this:

doc.autoTable({
			html:tbl,
			theme:'grid',
			rowPageBreak: 'avoid',
			styles: { overflow: 'linebreak',lineWidth : 1,lineColor : 200 }, //??
			columnStyles: {0: {cellWidth: 250},1: {cellWidth: 265}},
			});

May I ask is this my own problem or v3 does not allow line break with
anymore? Thanks a lot!

[webwakko]

maybe this can help. Add your break like this in your html.

Morbi lectus felis, <br />\n accumsan id hendrerit nec, <br />\n

adding the simple \n part solved the issue for me 😉

[arunlalkp]

“The Library always looking for \n to render the next line / Line break in the table cell.”

If you working with angular, Then angular always render with a random attribute within the tag ( eg:<br _ngcontent-lfs-c183> ) so the library can not identify and split with <br> and add \n at the end of each split value

So parse td cell content with InnerHTML Directive

<td [innerHTML]="parseNextLine(textToRender)"></td>

and create a function that converts \n to <br>

parseNextLine(text) { return text.replace(/(\\r\\n)|([\r\n])/gmi, '<br>');}

please note: <br/> is not accepted by the library at all use only <br>