title: Export to Excel - Need Space in Between Text
body: <p>I have a HTML table and a button to export into Excel.  The exporting works well - every data from the table is brought into Excel, but in Excel, there is no space in between text when I use Chrome or Firefox to view the page and export! </p>
  
  <p>Here is HTML code</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;&lt;td&gt;Job Description&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;xsl:value-of select="job_desc" /&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Here how it looks in the browser </p>
  
  <pre><code>Job Description
  The process of writing a job description requires having a clear...
  </code></pre>
  
  <p>And here how it looks in Excel after exporting</p>
  
  <pre><code>JobDescription
  Theprocessofwritingajobdescriptionrequireshavingaclear...
  </code></pre>
  
  <p>Then, I try to get a space in my hard code: <code>Job&amp;#160;Description</code>. It works and let me have a space: <code>Job Description</code></p>
  
  <p>The issue is: How to get a space for a dynamic data? </p>
  
  <p>Is that related to Jquery syntax I use to export data to Excel?</p>
  
  <p>JS to export </p>
  
  <pre><code>$(".exportExcel").click(function(e) {
                      e.stopPropagation();
                      var table = $("." + $(this).data('target'));
                      window.open('data:application/vnd.ms-excel,' + $(table).html());
                      e.preventDefault();
                      });
  </code></pre>