DataTableエラーの解決方法
11422 ワード
パラメータ値nullの場合
カラムがありますが、nullのデータがあるため、次のエラーが発生しました.
したがって,テーブルにnullの個数がありalertウィンドウが現れるため,画面の確認が困難である.😐
DataTables warning: table id=manageMaterialTbl1 -
Requested unknown parameter 'null' for row 0, column 7.
For more information about this error, please see http://datatables.net/tn/4
DataTableオプションのcolumnsの一部かもしれません.
次の2つの空の値があります.
columns: [
{"data": "name"}, // 이름
{"data": "age"}, // 나이
{"data": "city"}, // 도시
{"data": "null"},
{"data": "family"}, // 가족
{"data": "corporation"}, // 회사
{"data": "null"}
],
最初のnull値に機能を追加すると、エラーは発生しません. {
"targets": 3
"data": null,
"render": function (data, type, row, meta) {
return '<a href="javascript:void(0);" onclick="openModal(\'' + meta.row + '\');">' + '상세 확인' + '</a>';
},
},
ただし、2番目のnullに単純なデータの値を付けるとエラーが発生します.parameterが指定されていますがnullの値なのでエラーが発生する可能性があります.
次の図に示すように、エラーは解決されます.
columnDefs: [{
"defaultContent": "-",
"targets": "_all"
}]
DataTableの初期化エラー
DataTableを作成し、
destroy()
を使用している場合は、問題は発生しません. if ( $.fn.DataTable.isDataTable( '#modalTbl' ) ) {
$('#modalTbl').DataTable().destroy();
}
function example() {
let table = $('#modalTbl').DataTable({
...})
}
しかし、私は以下のように書いて、問題が発生しました. if ( $.fn.DataTable.isDataTable( '#modalTbl' ) ) {
$('#modalTbl').DataTable().destroy();
}
function example() {
let table = $('#modalTbl').DataTable({
...})
}
let modal = $('#modalTbl').DataTable();
DataTables warning: table id=materialModalTbl -Cannot reinitialise DataTable.
For more information about this error, please see http://datatables.net/tn/3
上記初期化エラーが発生した場合、以下の
"destroy": true
を追加するだけでエラーを解決できます.function example() {
let table = $('#modalTbl').DataTable({
"destroy": true
...})
}
リファレンス
https://stackoverflow.com/questions/16539578/datatables-warning-requested-unknown-parameter-0-from-the-data-source-for-row
https://datatables.net/manual/tech-notes/3
Reference
この問題について(DataTableエラーの解決方法), 我々は、より多くの情報をここで見つけました https://velog.io/@wheezy_han/DataTables-오류-해결-방법テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol