数据表 - 细胞操纵

我试图使用jQuery数据表显示，每行是一个新的票，并具有多种细胞是每张票票行：数据表 - 细胞操纵

客户
状态
优先
主题
日期

中排第È表明显看默认如下

Client  Status  Priority  Subject  Date

然而，行的最终布局将是：

Client      Status  Priority 

Subject          Date

我已经联合使用以下代码中的每个小区到相同的（第一）细胞然后实现期望的布局的意图。但它似乎并不是正确的解决方案。

"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？

来源

2015-08-14 Tristan Hulbert

你可以创建一个JsFiddle，所以我们可以尝试使用它吗？ – fedmich

您可以使用[行详细示例]（http://datatables.net/examples/server_side/row_details.html）中的子行来显示更多详细信息。您可以根据需要格式化子行。这看起来像你想要的？ –

这应该工作：

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 
     } 
    ] 
});

记住要改变你的thead虽然：在JSFiddle

<thead> 
    <tr> 
     <th>ID</th> 
     <th>Name</th> 
     <th>Position</th> 
    </tr> 
     <th>Office</th> 
     <th colspan="2">Salary</th> 
    </tr> 
</thead>

工作示例。如果启用它，您还需要对事物进行样式设计，并且可能会考虑订购。列名不符合你的要求，但结构相同。希望有所帮助。

来源

2015-08-15 08:02:49 annoyingmouse

数据表 - 细胞操纵

回答

相关问题