在 ngTable 单元格中使用分隔符

Question

我目前正在使用 ngTable 构建一个显示电子邮件列表的 table。我想使用分号作为分隔符为单元格内的每封电子邮件创建一个新行。解决这个问题的最佳方法是什么？

Current: 
    Id     Email
    1      group@example.com
    2      group1@example.com;group2@example.com;group3@example.com
    3      group22@example.com

Goal is to get: 
    Id     Email
    1      group@example.com
    2      group1@example.com
           group2@example.com
           group3@example.com
    3      group22@example.com

http://jsfiddle.net/781qkzq0/38/

Answer 1

您可以使用 white-space:pre 设置 td 的样式，将电子邮件拆分为 ;，然后使用 
（换行）加入；

<td data-title="'Email'" style="white-space:pre">{{row.group_email.split(";").join("&#10;")}}</td>

updated fiddle

在 ngTable 单元格中使用分隔符

use delimiter within ngTable cells

html

javascript

css

delimiter

ngtable