Word wrapping is achieved by the CSS style white-space: normal. More info about word-wrapping can be found here. The Radzen DataGrid by default disables word-wrapping as this is the expected behavior of a datagrid.
If you want both to wrap text and display new lines you need white-space: pre-wrap.
<p style="white-space:pre-wrap">${data.UserName}</p>
