[英]JQuery Datatables Responsive extension: column class not retained for cells in expanded rows
[英]Responsive extension and HTML content in a cell with jQuery DataTables
我在我的应用程序中使用 jQuery DataTables。
我希望我的应用程序可以通过移动设备访问。 我在我的应用程序中实现了http://jsfiddle.net/ryanoc/ebRXw/ 。 但是按钮无法显示。 数据如下所示: [object Object]
我在 jQuery DataTables 中使用render
选项来显示按钮
"render": function(data, type, full ){
var btn = '<a href="' + BASEURL + 'room/edit/'+ data.id +'" class="btn btn-primary btn-xs"><i class="fa fa-edit"></i> Edit</a> ';
return btn;
},
解决方案
将以下选项添加到您的 DataTables 初始化代码中。
responsive: {
details: {
type: 'inline',
renderer: function (api, rowIdx) {
var theRow = api.row(rowIdx);
var data = api.cells(rowIdx, ':hidden').eq(0).map(function (cell) {
var header = $(api.column(cell.column).header());
return '<tr>' +
'<td><b>' +
header.text() + ':' +
'</b></td> ' +
'<td>' +
$( api.cell( cell ).node() ).html() +
'</td>' +
'</tr>';
}).toArray().join('');
return data ?
$('<table/>').append(data) :
false;
}
}
}
演示
有关代码和演示,请参阅此 jsFiddle 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.