Datentabelle keine Daten korrekt

Question

My Datatable Spalten Konfigurationsoptionen drücken:

"columns": [{ 
    "name": "id", 
    "data": "id", 
    "visible": false, 
    "orderable": false 
    }, { 
    "name": "tblOpr", 
    "title": "<div class='table-opr-col table-opr-col-head'><div class='tbl-opr edit-opr-col-head'><span>Edit</span></div></div>", 
    "visible": true, 
    "orderable": false 
    }, { 
    "title": "Employee", 
    "data": "emp_name", 
    "orderable": true, 
    "name": "emp_name" 
    }, { 
    "title": "Date", 
    "data": "date", 
    "orderable": true, 
    "name": "date" 
    }, { 
    "title": "In Time", 
    "data": "in_time", 
    "orderable": true, 
    "name": "in_time" 
    }, { 
    "title": "Out Time", 
    "data": "out_time", 
    "orderable": true, 
    "name": "out_time" 
    }, { 
    "title": "In Deficit", 
    "data": "in_deficit", 
    "orderable": true, 
    "name": "in_deficit" 
    }, { 
    "title": "Out Deficit", 
    "data": "out_deficit", 
    "orderable": true, 
    "name": "out_deficit" 
    }, { 
    "title": "Hours worked", 
    "data": "wt", 
    "orderable": true, 
    "name": "wt" 
    }] 

Server-Seite ist wahr. Die Daten vom Server ist:

{ 
    "recordsTotal": 10, 
    "recordsFiltered": 10, 
    "data": [{ 
    "id": "92", 
    "emp_name": "Anish Gupta (10012)", 
    "date": "2017-09-15", 
    "in_time": "22:10:00", 
    "out_time": "00:00:00", 
    "in_deficit": "00:10:00", 
    "out_deficit": "", 
    "wt": "00:00:00" 
    }, { 
    "id": "46", 
    "emp_name": "Raman Kumar (10010)", 
    "date": "2017-09-15", 
    "in_time": "21:39:00", 
    "out_time": "00:00:00", 
    "in_deficit": "-00:21:00", 
    "out_deficit": "", 
    "wt": "00:00:00" 
    }, { 
    "id": "91", 
    "emp_name": "Anish Gupta (10012)", 
    "date": "2017-09-14", 
    "in_time": "22:43:00", 
    "out_time": "07:21:00", 
    "in_deficit": "00:43:00", 
    "out_deficit": "-00:21:00", 
    "wt": "08:38:00" 
    }, { 
    "id": "45", 
    "emp_name": "Raman Kumar (10010)", 
    "date": "2017-09-14", 
    "in_time": "21:10:00", 
    "out_time": "06:49:00", 
    "in_deficit": "-00:50:00", 
    "out_deficit": "00:11:00", 
    "wt": "09:39:00" 
    }, { 
    "id": "90", 
    "emp_name": "Anish Gupta (10012)", 
    "date": "2017-09-13", 
    "in_time": "22:30:00", 
    "out_time": "07:41:00", 
    "in_deficit": "00:30:00", 
    "out_deficit": "-00:41:00", 
    "wt": "09:11:00" 
    }, { 
    "id": "44", 
    "emp_name": "Raman Kumar (10010)", 
    "date": "2017-09-13", 
    "in_time": "22:10:00", 
    "out_time": "06:28:00", 
    "in_deficit": "00:10:00", 
    "out_deficit": "00:32:00", 
    "wt": "08:18:00" 
    }, { 
    "id": "89", 
    "emp_name": "Anish Gupta (10012)", 
    "date": "2017-09-12", 
    "in_time": "00:00:00", 
    "out_time": "00:00:00", 
    "in_deficit": "", 
    "out_deficit": "", 
    "wt": "00:00:00" 
    }, { 
    "id": "43", 
    "emp_name": "Raman Kumar (10010)", 
    "date": "2017-09-12", 
    "in_time": "00:00:00", 
    "out_time": "00:00:00", 
    "in_deficit": "", 
    "out_deficit": "", 
    "wt": "00:00:00" 
    }, { 
    "id": "88", 
    "emp_name": "Anish Gupta (10012)", 
    "date": "2017-09-11", 
    "in_time": "21:10:00", 
    "out_time": "06:28:00", 
    "in_deficit": "-00:50:00", 
    "out_deficit": "00:32:00", 
    "wt": "09:18:00" 
    }, { 
    "id": "42", 
    "emp_name": "Raman Kumar (10010)", 
    "date": "2017-09-11", 
    "in_time": "22:30:00", 
    "out_time": "07:10:00", 
    "in_deficit": "00:30:00", 
    "out_deficit": "-00:10:00", 
    "wt": "08:40:00" 
    }], 
    "draw": 2 
} 

Die tblOpr Spalt Daten von Client-Seite geschoben wird, also keine Sorge über diese Spaltendaten.
Aber meine Datentabelle drückt die Daten auf falschen Index. Es überspringt 3 Spalten vom Start.

Sie können in diesem Screenshot sehen. In time Spalten Daten gehen in Edit Spalte, out time Spalten Daten gehen in employee Spalte ... in der gleichen Weise letzte Spalten unsere Spalten gearbeitet Daten gehen in in der Zeit Spalte gehen.

Wenn jemand eine Idee dazu hat, antworten Sie bitte so schnell wie möglich.

Answer 1

Es wird nicht erwähnt, wie Sie die Daten Tables ...

In diesem CodePen passieren, nahm ich an Sie tun: "data":json.data, wo json der Variablenname ich in meinem Beispiel verwendet, um die Daten, die Sie zu halten Gesendet.

Dann ist das Problem, das Sie haben, 9 Spalten, aber nur 8 Daten für sie.
Sie müssen DataTables mitteilen, was mit der zusätzlichen Spalte geschehen soll, die keine Daten enthält.

Ich nahm an, dies war die Spalte "Bearbeiten".

"data": null, 
"defaultContent": "<button>Click!</button>", 

"data": null ist ziemlich selbsterklärend. Dann müssen Sie etwas Inhalt für diese Spalte bereitstellen. Hier habe ich gerade einen Knopf hinzugefügt.