如何在列（DataTables）中实现新行

我有一个SQL查询，它获取一些数据（dbtable表中的语言列）。查询使用GROUP_CONCAT，因此一个单元格有多个结果，例如

"Ajax, jQuery, HTML, CSS".

我想做的是用新行显示结果，如：

"Ajax
jQuery
HTML
CSS"

我该怎么做

我试图通过更改“columns”：[{“data”：“id”}，{“data”：“languages”}……来实现它，但没有成功

我还试图通过在查询中添加“
”作为分隔符来修复它，但没有成功

谢谢！

您可以对以下列使用函数：

var table = $('#example').DataTable({
    columns: [
        null,
        null,
        {
            "render": function(data, type, row){
                return data.split(", ").join("<br/>");
            }
        }
    ]
});

var table=$（'#示例'）.DataTable({
栏目：[
无效的
无效的
{
“渲染”：函数（数据、类型、行）{
返回数据。拆分（“，”）.join（
）；
}
}
]
});

工作

---

希望这有帮助，并且我已经理解了您的问题。

@happingmouse

考虑到问题描述，答案非常完美

只是在“严格”的问题（事实上）后面加上一个额外的答案，上面写着：

如何在列（DataTables）中实现新行

---

您只需在

标记.Tada！上添加一个

wrap

类，每列文本在达到其预定义宽度时都将被包装。

为DataTables在列中实现新行。

假设一行中有7列，第4列包含数据

"Ajax, jQuery, HTML, CSS"

因此，代码中前3列和后3列必须设置为null

$('#example').DataTable({
    columns: [
        null, null, null,
        {   
            "render": function(data, type, row){
                return data.split(", ").join("<br/>");
            }
        },
        null, null, null
    ]
});

$（'#示例'）。数据表({
栏目：[
空，空，空，
{   
“渲染”：函数（数据、类型、行）{
返回数据。拆分（“，”）.join（
）；
}
},
空，空，空
]
});