如何在创建表时忽略创建数组的第一个数据

时间:2017-08-13 15:19:54

标签: javascript html arrays csv html-table

如何在制作表格时忽略数组的第一个数据?就我而言,我正在创建一个页面,用于从我的本地目录上传csv file,然后创建一个表来显示数据。我已经完成了代码并且工作得很好。但我不想在表格中创建第一行数组数据。

我不知道该怎么做。以下是我上传csv file和创建表格

的代码

$(document).ready(function(){
	
    $('#submit-file').on("click",function(e){
		if ($('#files').val()== "")
		{
			alert("Anda Harus Memasukkan File Terlebih Dahulu");
		}
		else{
		e.preventDefault();
		$('#files').parse({
			config: {
				delimiter: "",
				complete: displayHTMLTable,
			},
			before: function(file, inputElem)
			{
				//console.log("Parsing file...", file);
			},
			error: function(err, file)
			{
				//console.log("ERROR:", err, file);
			},
			complete: function()
			{
				//console.log("Done with all files");
			}
		});
		}
    });
	
	function displayHTMLTable(results){
		var table = "<table class='table table-bordered'>";
		var data = results.data;
		var size = -1;
		for(i=0;i<data.length;i++){
			table+= "<tr>";
			var row = data[i];	
			var cells = row.join(",").split(",");
			if (cells.length < size) continue;
        	else if (cells.length >  size) size = cells.length;
			for(j=0;j<cells.length;j++){
				
				table+= "<td>";
				table+= cells[j];
				table+= "</td>";
			}
			table+= "</tr>";
		}
		table+= "</table>";
		$("#parsed_csv_list").html(table);
	}	
	  });
<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">
	<div class="well" style="width:70%">
		<div class="row">
		<form class="form-inline">
			<div class="form-group">
			  <label for="files">Upload File Data :</label>
			  <input type="file" id="files"  class="form-control" accept=".csv" required />
			</div>
			<div class="form-group">
			 <button type="submit" id="submit-file" class="btn btn-primary">Upload File</button>
             
			 </div>
		</form>
		</div>
		<div class="row">
			
			<div id="parsed_csv_list" class="panel-body table-responsive" style="width:800px">
			</div>
		</div>
	</div>
	<div id="footer"></div>
  </div>

1 个答案:

答案 0 :(得分:0)

在遍历数据数组的循环中,只需从索引1而不是索引0开始。

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

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