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