Papaparse / vfile não funciona - saída ilegível

Question

Mar 10, 2015, 10:21 AM

Papaparse / vfile não funciona - saída ilegível

Publiquei uma pergunta sobre a análise de arquivos csv grandesO Jquery falha ao analisar um arquivo csv grande. Envolve a leitura de um arquivo csv e a tablificação. Eu tentei usar o código fornecido em uma das respostas, mas não funciona ..

Aqui está o meu código inteiro:

<!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>

Eu tenho as pastas Papaparse-4.1.0 e mestre da lista virtual dentro do meu diretório de trabalho atual. Mas quando abro isso em um navegador e carrego um arquivo csv, nenhuma tabela é impressa abaixo. Parece não haver defeitos na função de upload, uma vez que o respondente mostrou uma demonstração do mesmo; Só estou reutilizando aqui. Você pode ver o violino aqui:http://jsfiddle.net/8e99j5v9/5/

Alguém pode me dizer por que meu código não funciona?

EDITAR Agradeço a Sergiu por propor uma solução funcional, mas a tabela resultante é totalmente distorcida. Linhas e colunas estão sobrepostas dessa forma

Alguém pode ajudar?