テーブルを作成中に配列の最初のデータを作成することを無視する方法

Question

テーブル作成中に配列の最初のデータを無視する方法はありますか？私の場合は、私のローカルディレクトリからcsv fileをアップロードして、そのデータを表示するためのテーブルを作成するためのページを作成しています。私はコードを作って完全に動作します。私はテーブルに配列データの1行目を作成したくなかった。

私はそれを行う方法がわかりません。ここではループでテーブル

$(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>

Answer 1

をcsv fileをアップロードし、作成するための私のコードは、あなたのデータ配列を反復処理は、単にインデックス1ではなくインデックス0

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

で始めるということです

これは、配列全体の最初のエントリをスキップします。