Datentabellen: Uncaught TypeError: Cannot read property 'parentNode' undefined

Ich bin immer zwei Fehler in meine Konsole beim anzeigen einer Webseite. Datatables verwendet wird, und ich bin mir ziemlich sicher (als die Fehler-Zustand), dass das Problem in Zusammenhang mit Datatables. Das problem hier ist, dass ich nicht schreiben diesen code, ich bin bloß jetzt versucht zu reparieren, Probleme im code. Das seltsame ist, dass dieser Abschnitt der code sollte vor der Arbeit, ich kann sehen, es funktioniert auf dem live-version. Bin ich richtig in dem was ich glaube zu sein der Fehler??? Wenn ja, was ist der beste Weg zu gehen über das Debuggen, sobald der code ist nicht von mir gemacht, und die code und Daten in großen Mengen?

DataTables warning: Unerwartete Zahl von TD-Elementen. Voraussichtlich 2040
und bekam 1981. DataTables nicht unterstützt rowspan /colspan in die
Tabelle Körper, und es muss eine Zelle für jede Zeile/Spalte
- Kombination. jquery.dataTables.js:5840

Uncaught TypeError: Cannot read property 'parentNode' undefined. jquery.dataTables.js:2843

  • Ok, brauchen Sie nicht zu posten der eigentliche Ort mit data code, aber Sie müssen Ihre post datatables () - Funktion code, und die statische html-Tabelle , sollte auch nicht enthalten sensible Informationen, und das problem kann diagnostiziert werden, mehr als wahrscheinlich, dass durch die überprüfung dieser Dinge, kann die Tabelle basierend auf Ihre Beschränkungen, aber die datatables() sollte leicht zu finden in der Quelle
  • Das problem ist, dass fast alle Daten in der Tabelle sensible Daten. In Richards Antwort, die ich geliefert einige Beispiel-HTML-und Javascript-Code verwendet wurde. Das ist nur ein Teil davon, wie es ist eine Menge von Daten, die Sie brauchen würden zensiert.
InformationsquelleAutor ComputerLocus | 2013-06-03
  1. 3

    Haben Sie eine URL, die Sie veröffentlichen können, so dass wir einen Blick darauf werfen kann?

    Cannot read propertyparentNodeof undefined ist ein javascript-Fehler, das passiert weil du versuchst die parentNode von etwas, das gar nicht existiert.

    Der andere Fehler scheint ganz offensichtlich? Die Zahl der TD-Elemente im TR ist nicht im Einklang mit dem rest der Tabelle. Auf der HTML-und überprüfen, ob die Anzahl der TD & TH-Elemente in den THEAD, TFOOT und TBODY sind alle gleich zählen. "DataTables nicht unterstützt rowspan /colspan in der Tabelle Körper"

    Bitte poste eine URL oder HTML - /JS-snippet für die Tabelle, am besten auf http://www.jsfiddle.net

    • Ich kann nicht geben Sie eine URL zu der eigentlichen Website, wie es ist eine private website, und es schwer sein würde, Sie zu zeigen, etwas über jsfiddle, wie es ist, mit PHP als auch.
    • Ausgabe HTML.. Kopie, die in jsfiddle. Der PHP-code ist hier nicht wichtig. Kopieren Sie einfach den HTML-Code der Tabelle in JS fiddle und der javascript-code, den Sie zum erstellen der Tabelle.
    • Aber, die Tabelle enthält sensible Daten. Würde nur versuchen, das zu geben, Teil es in jsfiddle Arbeit, oder müssen Sie die ganze Sache?
    • Können Sie nicht nehmen Sie die sensiblen Daten? Machen die Tabelle nur 10 Zeilen lang ist, oder 5. Muss nicht groß sein. Nur müssen, um die Struktur zu sehen. Und Ihr javascript initialisiert die Tabelle
    • Hier ist das jsfiddle für die html. Ich habe noch einige Ausflüge um genau das zu finden, die Teil der Javascript verwendet: jsfiddle.net/SSR2u
    • Sie haben eine Tabelle in der Tabelle... Das geht nicht, zu arbeiten mit datatables. Und auch ein iFrame. Was versuchen Sie zu tun? Es sieht aus wie es hat etwas zu tun mit dem TinyMCE texteditor. Nehmen Sie, dass aus Erster.
    • Es funktioniert auf einer anderen Seite aber? Die Tabelle ist angezeigt, wenn Sie auf ein kleines " + " - Symbol. Es wird angenommen, erweitern Sie die Daten, die Sie sehen. Es funktioniert auf einer anderen Seite. Auch ich aktualisiert mit einigen Javascript, obwohl ich nicht weiß, wie man die Datatables und jQuery js-Dateien in jsfiddle ohne kopieren und einfügen den code in. jsfiddle.net/SSR2u/1
    • Blick auf dieses Beispiel-Bild für ein Beispiel wie es Aussehen sollte: i.imgur.com/vHwZ3ol.png . Die Säulen sind ein wenig anders, und es wird auch ein TinyMCE-editor, erweitern Sie die box, aber andere als diejenigen, die Punkte im Grunde ist es wohl das gleiche.
    • Es ist sehr chaotisch - Für den Anfang, Sie werden verketten, JS-string mit Punkten, anstatt Pluspunkte: sOut += '<tr><td width="25%">'.termIDToName($terms[0]).' Comments</td><td width="25%">'.termIDToName($terms[1]).' Comments</td><td width="25%">'.termIDToName($terms[2]).' Comments</td><td width="25%">'.termIDToName($terms[3]).' Comments</td></tr>';. Das bricht für mich schon.
    • Sorry, ich hatte es zu erwähnen, aber das Javascript ist tatsächlich wiederholt von PHP und daher einige dieser Javascript-Daten gefüllt ist mit Daten aus PHP Variablen. Sie werden sehen, dass Dinge wie, wie das ist, wenn PHP verwendet wird. Bisher jedes Anführungszeichen war, war entkommen, aber ich entfernt die hoffentlich machen die Ablesbarkeit etwas besser.
    • Das macht keinen Sinn.. Wenn dies ist die HTML-Ausgabe, die Sie sollten nicht sehen, keine PHP..
    • Sorry, hier ist der HTML-output version, obwohl auch hier musste ich zensieren, ein paar Dinge wie Benutzernamen jsfiddle.net/SSR2u/3
    • Sorry, das ist wirklich zu chaotisch. Zu viel komisches Zeug in den HTML-Code. Sie habe mehrere Tabellen in einer Tabelle, iFrame ist. Ich kann nicht machen, etwas von diesem. Ich habe ziemlich wenig DataTables Erfahrung, aber kann dir nicht helfen hier..
    • Haben Sie irgendeinen Verdacht, was der Fehler sein kann in Bezug auf?
    • Ja, mein Verdacht ist, den HTML-Code. Strippen Sie nach unten und machen es mit einer einfacheren version. Dann starten Sie das hinzufügen Dinge zurück und sehen, ob es funktioniert. Ich bin mir ziemlich sicher, dass es ist, weil Sie Tabellen in Ihre Tabelle ein 🙂
    • Hast du es geschafft, es zu beheben?
    • Nein, nicht wirklich. Stattdessen wechselte ich auf den code, der verwendet wurde, auf dem live-server, sondern von der Entwicklung von code, und es scheint zu funktionieren. Scheint einige Daten fehlen.

    InformationsquelleAutor Richard
  2. 0

    Ich hatte dieses problem, und ich löste es durch leeren der Tabelle vor jeder Aktualisierung oder refill:

    $('#table').empty();

$('#table').dataTable(...);
    InformationsquelleAutor ParPar
  3. 0

    Ich hatte dieses problem, und ich löste es durch hinzufügen von sDom:

    sDom: '<"top"><"clear">rt<"bottom"><"clear">'

    Vorher war es:

    sDom: ''
    InformationsquelleAutor maricavor
  4. 0

    Ich hatte den gleichen Fehler, aber andere Lösung gelöst.

    Ich hatte bereits die Eigenschaft destroy : true während der Initialisierung der datatable. Dies hilft bei der re-Initialisierung der Tabelle.

    Problem :

    In der datatable haben Sie, um eine Eigenschaft 'columns': columnArray, während der Initialisierung.
    Es sieht etwas aus wie:

    $('#example').dataTable( {
  "ajaxSource": "sources/objects.txt",
  "columns": [
    { "data": "engine" },
    { "data": "browser" },
    { "data": "platform" },
    { "data": "version" },
    { "data": "grade" }
  ],
  destroy: true
} );

    Diese columnArray bestückt werden basierend auf der ajax-Daten. Ich war füllen diese für jede ajax-Aufruf, so werden Blähungen bis Sie das array mit mehrere Einträge für die gleichen Spalten. Ich habe es behoben durch neu-initialisieren des array [].

    InformationsquelleAutor Aditya Gupta
Schreibe einen Kommentar