Papaparse / vfile не работает - искаженный вывод
Я разместил вопрос о разборе больших CSV-файловJquery падает при разборе большого файла CSV, Это включает в себя чтение CSV-файла и табулирование его. Я попытался использовать код, приведенный в одном из ответов, но он не работает ..
Вот весь мой код:
<!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>
В моем текущем рабочем каталоге есть папки Papaparse-4.1.0 и virtual-list-master. Но когда я открываю это в браузере и загружаю CSV-файл, таблица не печатается ниже. Кажется, нет никаких дефектов в функции загрузки, так как отвечающий показал ту же демонстрацию скрипки; Я просто использую это здесь. Вы можете увидеть скрипку здесь:http://jsfiddle.net/8e99j5v9/5/
Может кто-нибудь сказать мне, почему мой код не работает?
РЕДАКТИРОВАТЬ Я благодарю Серджиу за предложение рабочего решения, но полученная таблица полностью искажена. Строки и столбцы перекрываются следующим образом
Может кто-нибудь помочь?