Как перенести запятую строку на новую строку в ячейке td?

Question

У меня есть одна колонка в таблице, содержащая электронные письма с запятой в каждой ячейке этого столбца.

Так, например, ячейка может содержать следующие ячейки, а ячейки отображаются по электронной почте. Вместо того, чтобы разорвать вторую электронную почту на новой строки:

jdoe@gmail.com,bgates@outlook.com 

Вопрос:

Как вы можете обернуть разделенных запятыми строк на новую строку в ячейке тд?

Что я пробовал:

Я не могу статический установить <br/> между письмами, как они считываются обратно из базы данных динамически.

Я также попытался добавить пролет в пределах td и применить пользовательский стиль CSS wrap-emails. Но этот стиль не отображает сообщения электронной почты сложенных, как ожидается, в клетке:

CSS стиль:

span.wrap-emails { 
    word-wrap:break-word 

} 

определение Cell:

<td><span class="wrap-emails">@row.Contact_Emails</span></td> 

Answer 1

Вы должны быть в состоянии заменить запятые br с использованием следующих в вашей бритвы:

@Html.Raw(row.Contact_Emails.Replace(",","<br>")) 

Html.Raw бит равен так что он делает br вместо кодирования

Answer 2

Попробуйте это:

span.wrap-emails { 
display:block; 
} 

Answer 3

Решение JQuery должно быть динамически заменить , с <br> на содержание ваших клеток, как это с помощью:

var emails = $('.wrap-emails').text(); 
$('.wrap-emails').html(emails.replace(',', '<br>'));