DataTable nimmt enorme Zeit für die Anzeige selbst für 100 Einträge

Question

Ich füge Werte in eine DataTable dynamisch ein. Ich habe einige 100 Zeilen und es dauert ungefähr 8-10 Sekunden, um die DataTable zu laden. Gibt es eine Möglichkeit, dies schneller zu machen?

JsFiddle

Vielen Dank!

Answer 1

Hier ist eine deutlich verbesserte Version. Ich schätze mal 50 mal schneller.

for (var i=0, l=md.length; i<l; i++) { 
    var thisRow = [], x = md[i] 
    thisRow.push('<u><a target="_blank" href="' + x.Data[0].Link + '">' + x.Data[0].Value + '</a></u>'); 
    for(var k=1; k<x.Data.length; k++){ 
    thisRow.push(x.Data[k].Value); 
    } 
    t.row.add(thisRow) 
    if (i == l-1) t.draw() 
} 

• verwenden, um eine for -loop mit bekannter Grenze l anstelle der extrem teuer $.each
• draw() nur einmal, wenn das Einfügen von Zeilen
beendet ist

aktualisiert Geige ->https://jsfiddle.net/pdqjqbbp/1/