Angularjs 角度数据表嵌套行呈现
是否有更好的方法在角度数据表中显示嵌套表? 我通过使用rowCallback和设置单击事件解决了问题:Angularjs 角度数据表嵌套行呈现,angularjs,datatables,Angularjs,Datatables,是否有更好的方法在角度数据表中显示嵌套表? 我通过使用rowCallback和设置单击事件解决了问题: $scope.dtOptions = DTOptionsBuilder.fromSource('data.json') .withOption('rowCallback', rowCallback) 在一个单击处理程序中,我获得dt实例,并使用数据表实例中的行数据构建html function rowCallback(tabRow, data, dataIndex) { $(
$scope.dtOptions = DTOptionsBuilder.fromSource('data.json')
.withOption('rowCallback', rowCallback)
在一个单击处理程序中,我获得dt实例,并使用数据表实例中的行数据构建html
function rowCallback(tabRow, data, dataIndex) {
$(tabRow).unbind('click');
$(tabRow).on('click', function () {
console.log('click');
$(this).find('.a1-icon').toggleClass('fa-rotate-180');
var tr = $(tabRow);
var table = $scope.dtInstance.DataTable;
var row = table.row(tr);
if ( row.child.isShown() ) {
// This row is already open - close it
row.child.hide();
tr.removeClass('shown');
}
else {
// Open this row
row.child( format(row.data()) ).show();
tr.addClass('shown');
}
});
}
但感觉有点奇怪,尤其是对于棱角分明的人。这是带有完整简化代码的Plunker
$(tabRow).on('click',function(){})
//使用“加载”代替此“打开”事件
$(tabRow).load('click',函数(){})