Jquery 数据表-单元操作

Jquery 数据表-单元操作,jquery,datatables,Jquery,Datatables,我正在尝试使用jQuery DataTables显示票证行,每一行都是一个新票证,每个票证都有不同的单元格: 客户 地位 优先权 主题 日期 默认情况下,表中的行显然如下所示 客户状态优先级主题日期 但是,行的最终布局为: 客户端状态优先级 受试日期 我使用下面的代码将每个单元组合到同一个(第一个)单元中,目的是实现所需的布局。然而,这似乎不是正确的解决方案 "columnDefs": [ { "render": function ( data, typ

我正在尝试使用jQuery DataTables显示票证行,每一行都是一个新票证,每个票证都有不同的单元格:

  • 客户
  • 地位
  • 优先权
  • 主题
  • 日期
默认情况下,表中的行显然如下所示

客户状态优先级主题日期
但是,行的最终布局为:

客户端状态优先级
受试日期
我使用下面的代码将每个单元组合到同一个(第一个)单元中,目的是实现所需的布局。然而,这似乎不是正确的解决方案

    "columnDefs": [
    {

        "render": function ( data, type, row ) {
            return data +' '+ row[1]+' '+ row[2]+' '+ row[3]+' '+ row[4]+' '+ row[5];

        },
        "targets": 0
    },

    { "visible": false, "targets": [ 1,2,3,4,5 ]}

    ],
jQuery DataTables是否可以进行这种类型的操作?

这应该可以:

var table = $('#example').DataTable({
    columns: [
        {
            "render": function(data, type, row){
                return row[0] + "<br/>" + row[3];
            }
        },
        null,
        {
            "render": function(data, type, row){
                return row[2] + "<br/>" + row[4];
            }
        },
        {
            "visible": false
        },
        {
            "visible": false
        }
    ]
});

工作实例。我想你也需要设计一些东西,如果你能做到的话,也许还需要考虑一下顺序。列名与您的不匹配,但结构相同。希望能有所帮助。

您能创建一个JSFIDLE以便我们可以尝试帮助使用它吗?您可以使用子行(如中所示)来显示其他详细信息。可以根据需要格式化子行。这看起来像你想要的吗?
<thead>
    <tr>
        <th>ID</th>
        <th>Name</th>
        <th>Position</th>
    </tr>
        <th>Office</th>
        <th colspan="2">Salary</th>
    </tr>
</thead>