title: Blob skipping first column while generating csv file
body: <p>I am trying to generate a CSV file using blob class. The first row is working fine but the rest of the rows are skipping the first column</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var ExcelIndex = ['"user_name","user_hash","authenticate_id","first_name","last_name","description","department","phone_home","phone_mobile","phone_work","phone_other","phone_fax","address_street","address_city","address_state","address_country","address_postalcode","Errors"'];
  var dataInSingleStringArray = new Array();
  dataInSingleStringArray.push(ExcelIndex[0], "\n");
  var ExcelInde = ['"user_name","user_hash","authenticate_id","first_name","last_name","description","department","phone_home","phone_mobile","phone_work","phone_other","phone_fax","address_street","address_city","address_state","address_country","address_postalcode","Errors"'];
  // var dataInSingleStringArray = new Array();
  dataInSingleStringArray.push(ExcelInde[0], "\n");
  
  window.URL = window.webkitURL || window.URL;
  var contentType = 'text/csv';
  var csvFile = new Blob([dataInSingleStringArray], {type: contentType});
  var a = document.createElement('a');
  a.setAttribute("style", "margin-left: 700px;font-size: 2em;")
  a.download = 'failed_data.csv';
  a.href = window.URL.createObjectURL(csvFile);
  a.textContent = 'Download File';
  document.getElementById('link').appendChild(a);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="link"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>