2017-08-13 79 views
0

如何在创建表时忽略数组的第一个数据?在我的情况下,我正在创建一个页面,用于从本地目录中上传csv file,然后创建一个表来显示数据。我已经完成了代码并完成了工作。但我不想将数组数据的第一行创建到我的表中。如何在创建表时忽略创建数组的第一个数据

我不知道该怎么做。这里是我上传csv file和创建表

$(document).ready(function(){ 
 
\t 
 
    $('#submit-file').on("click",function(e){ 
 
\t \t if ($('#files').val()== "") 
 
\t \t { 
 
\t \t \t alert("Anda Harus Memasukkan File Terlebih Dahulu"); 
 
\t \t } 
 
\t \t else{ 
 
\t \t e.preventDefault(); 
 
\t \t $('#files').parse({ 
 
\t \t \t config: { 
 
\t \t \t \t delimiter: "", 
 
\t \t \t \t complete: displayHTMLTable, 
 
\t \t \t }, 
 
\t \t \t before: function(file, inputElem) 
 
\t \t \t { 
 
\t \t \t \t //console.log("Parsing file...", file); 
 
\t \t \t }, 
 
\t \t \t error: function(err, file) 
 
\t \t \t { 
 
\t \t \t \t //console.log("ERROR:", err, file); 
 
\t \t \t }, 
 
\t \t \t complete: function() 
 
\t \t \t { 
 
\t \t \t \t //console.log("Done with all files"); 
 
\t \t \t } 
 
\t \t }); 
 
\t \t } 
 
    }); 
 
\t 
 
\t function displayHTMLTable(results){ 
 
\t \t var table = "<table class='table table-bordered'>"; 
 
\t \t var data = results.data; 
 
\t \t var size = -1; 
 
\t \t for(i=0;i<data.length;i++){ 
 
\t \t \t table+= "<tr>"; 
 
\t \t \t var row = data[i]; \t 
 
\t \t \t var cells = row.join(",").split(","); 
 
\t \t \t if (cells.length < size) continue; 
 
     \t else if (cells.length > size) size = cells.length; 
 
\t \t \t for(j=0;j<cells.length;j++){ 
 
\t \t \t \t 
 
\t \t \t \t table+= "<td>"; 
 
\t \t \t \t table+= cells[j]; 
 
\t \t \t \t table+= "</td>"; 
 
\t \t \t } 
 
\t \t \t table+= "</tr>"; 
 
\t \t } 
 
\t \t table+= "</table>"; 
 
\t \t $("#parsed_csv_list").html(table); 
 
\t } \t 
 
\t });
<script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/4.3.5/papaparse.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script> 
 
<div class="container" style="padding:5px 5px; margin-left:5px"> 
 
\t <div class="well" style="width:70%"> 
 
\t \t <div class="row"> 
 
\t \t <form class="form-inline"> 
 
\t \t \t <div class="form-group"> 
 
\t \t \t <label for="files">Upload File Data :</label> 
 
\t \t \t <input type="file" id="files" class="form-control" accept=".csv" required /> 
 
\t \t \t </div> 
 
\t \t \t <div class="form-group"> 
 
\t \t \t <button type="submit" id="submit-file" class="btn btn-primary">Upload File</button> 
 
       
 
\t \t \t </div> 
 
\t \t </form> 
 
\t \t </div> 
 
\t \t <div class="row"> 
 
\t \t \t 
 
\t \t \t <div id="parsed_csv_list" class="panel-body table-responsive" style="width:800px"> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
\t <div id="footer"></div> 
 
    </div>

回答

0

在循环代码,通过你的数据数组迭代,只需启动索引1而不是索引0

for (var i = 1; i < data.length; i++) { 
    ^^^^^^^^^ 

这将跳过整个数组的第一个条目。

+0

哇...它的工作T_T 它只是改变迭代T_T thx @ABabin –

相关问题