CSVアップロード＆JQUERYを使用してHTMLテーブルに解析する

Question

私はWebアプリケーションを開発しています。私のアプリケーションはJavascript、PHP、HTMLを使用しています。私はすでにxlsxをアップロードして画面に貼り付けるコードを適用しました。

はここ

<script type="text/javascript" src="simple-excel.js"></script> 
<table width=50% align="left" border=0 STYLE="border-collapse:collapse;"> 
     <tr> 
      <td style="width:9.2%"><b>Load CSV file</b></td> 
      <td style="width:1%"><b>:</b></td> 
      <td style="width:15%"><input type="file" id="fileInputCSV" /></td> 
     </tr> 
    </table> 
<table id="result"></table> 

     <script type="text/javascript"> 

      // check browser support 
      // console.log(SimpleExcel.isSupportedBrowser); 

      var fileInputCSV = document.getElementById('fileInputCSV'); 


      // when local file loaded 
      fileInputCSV.addEventListener('change', function (e) { 

       // parse as CSV 
       var file = e.target.files[0]; 
       var csvParser = new SimpleExcel.Parser.CSV(); 
       csvParser.setDelimiter(','); 
       csvParser.loadFile(file, function() { 

        // draw HTML table based on sheet data 
        var sheet = csvParser.getSheet(); 
        var table = document.getElementById('result'); 
        table.innerHTML = ""; 
        sheet.forEach(function (el, i) {      
         var row = document.createElement('tr'); 
         el.forEach(function (el, i) { 
          var cell = document.createElement('td'); 
          cell.innerHTML = el.value; 
          row.appendChild(cell); 
         }); 
         table.appendChild(row); 
        });      

       }); 
      }); 



     </script> 

ここに私のコードです私のUI

にはどうすればヌル細胞（赤マーク）の表示/非のために行う消すことになってんですか？

Answer 1

この

el.forEach(function (el, i) { 
          if(el.value!="") 
          { 
           var cell = document.createElement('td'); 
           cell.innerHTML = el.value; 
           row.appendChild(cell); 
          } 
         }); 

同様el.forEach

内のいくつかの条件を入れて

Answer 2

CSVの下部に空白の行があるようです。それが空であっても、「シート」に関する限り、キャリッジリターンがある限り、1つのフィールドがあります。

私は「エル」の内容は、あなたのel.forEachを（実行する前に何が含まれているかどうかをチェックしたい

）