问题描述
我收到以下错误“ DataTables警告:表id = table_Logs-无法重新初始化DataTable。有关此错误的更多信息,请参见http://datatables.net/tn/3"
我正在使用AngularJs初始化数据表并通过API获取数据。而是错误“无法重新初始化数据表”
表的代码是
logTable = $('#table_Logs').DataTable({
serverSide: true,processing: true,searchDelay: 500,responsive: true,ajax: {
url: '/API/Exceptions',method: 'POST',datatype: 'json',data: function (serverParams) {
for (var i = 0; i < serverParams.order.length; i++) {
serverParams.order[i].column = serverParams.columns[serverParams.order[i].column].data;
}
delete serverParams['columns'];
return serverParams;
}
},columns: [
{
data: 'timeStamp',render: function (timeStamp) {
return $filter('date')(timeStamp,'medium');
}
},{
data: 'exception',render: function (exception) {
return exception ? exception.slice(0,50) : '';
}
},{
data: 'message',render: function (message) {
return message ? message.slice(0,20) : '';
}
},{
orderable: false,render: function () {
return `<i class="showLog fa fa-fw fa-2x fa-toggle-down"></i>`;
}
},],columnDefs: [
{ responsivePriority: 1,targets: 0 },{ responsivePriority: 1,targets: 1 },targets: 3 },responsive: {
details: 'false',},});
logTable.on('click','.showLog',function () {
var tr = $(this).closest('tr');
var row = logTable.row(tr);
if (row.child.isShown()) {
// This row is already open - close it
row.child.hide();
tr.removeClass('shown');
}
else {
// Open this row
var rowinfo = row.data();
if (rowinfo == undefined) {
rowinfo = logTable.row(tr.prev()).data();
}
row.child(format(rowinfo)).show();
tr.addClass('shown');
}
});
function format(logRow) {
return '<dl>' +
'<dt><h4 class="text-bold">Exception:</h3></td>' +
'<dd><pre class="error-log-pre">' + $sce.trustAsHtml(logRow.exception) + '</pre></td>' +
'<dt><h4 class="text-bold">Message:</h3></td>' +
'<dd><pre class="error-log-pre">' + $sce.trustAsHtml(logRow.message) + '</pre></td>' +
'<dt><h4 class="text-bold">Additioanl Properties:</h3></td>' +
'<dd><pre class="error-log-pre">' + logRow.properties + '</pre></td>';
}
});
<div class="card" ng-controller="logController" ng-init="init()">
<div class="card-header header-elements-inline">
<h5 class="card-title">Exception logs</h5>
<div class="header-elements">
</div>
</div>
<div class="card-body">
The list of <code>Exception logs</code>.
</div>
<table class="table datatable-ajax" id="table_Logs">
<thead>
<tr>
<th>Time Stamp</th>
<th>Exception</th>
<th>Message</th>
<th class="text-center">Actions</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)