Papaparse / vfile funktioniert nicht- Verstümmelte Ausgabe
Ich habe eine Frage zum Parsen großer CSV-Dateien gepostetJquery stürzt beim Parsen einer großen CSV-Datei ab. Dabei wird eine CSV-Datei gelesen und tablifiziert. Ich habe versucht, den in einer der Antworten angegebenen Code zu verwenden, aber er funktioniert nicht.
Hier ist mein gesamter Code:
<!DOCTYPE html>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="PapaParse-4.1.0/papaparse.js"></script>
<script src="virtual-list-master/vlist.js"></script>
<script>
$("#fUpload").bind("change", function(evt) {
var bigFile = evt.target.files[0];
var rows = [];
Papa.parse(bigFile, {
delimiter: ",",
newline: "\n",
header: false,
dynamicTyping: false,
worker: false,
chunk: function(results) {
rows = rows.concat(results.data);
},
complete: function() {
var list = new VirtualList({
h: 300,
itemHeight: 30,
totalRows: rows.length - 1,
generatorFn: function(row) {
var el = document.createElement("tr");
var html = '';
html += '<td>' + row + '</td>';
for(var j = 0; j < rows[row].length; j++) {
html += '<td>' + rows[row][j] + '</td>';
}
el.innerHTML = html;
return el;
}
});
document.getElementById('table').appendChild(list.container)
}
});
});
</script>
<input type="file" id="fUpload" />
<table style="width: 100%">
<tbody id="table">
</tbody>
</table>
Ich habe Papaparse-4.1.0- und Virtual-List-Master-Ordner in meinem aktuellen Arbeitsverzeichnis. Wenn ich dies jedoch in einem Browser öffne und eine CSV-Datei hochlade, wird unten keine Tabelle gedruckt. Es scheint keine Mängel in der Upload-Funktion zu geben, da der Antwortende eine Geigen-Demo derselben zeigte; Ich verwende es nur hier wieder. Sie können die Geige hier sehen:http: //jsfiddle.net/8e99j5v9/5
Kann mir jemand sagen, warum mein Code nicht funktioniert?
BEARBEITE Ich danke Sergiu, dass er eine funktionierende Lösung vorgeschlagen hat, aber die gelieferte resultierende Tabelle ist gründlich verstümmelt. Zeilen und Spalten überlappen sich wie folgt
Kann jemand helfen?