我如何在列(数据表)实现新的行

Question

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

"Ajax, jQuery, HTML, CSS".

我想做的是在新行中显示结果，如:

"Ajax
jQuery
HTML
CSS"

我该怎么做呢?

我试着改变"columns": [{"data": "id"}， {"data": "languages"}…但是没有成功。

我还试图通过添加"<</p> 在查询中作为分隔符，但不工作。

谢谢!

Answer 1

您可以像这样为列使用columns.render函数:

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

工作的例子。

希望这对你有帮助，我明白了你的问题。

Answer 2

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

"Ajax, jQuery, HTML, CSS"

所以前3列和后3列必须在代码

中为空

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

Answer 3

考虑到问题描述，@annoyingmouse的答案是完美的!

只是一个额外的答案，紧跟着"严格"的问题(就像它说的那样):

如何在列(DataTables)中实现新行

您只需在<table>标签上添加wrap类。大作。每个列的文本将在达到其预定义宽度时进行换行。