title: Exporting an html table into excel. Styling a div
body: <p>I'm building a very robust exporter for HTML tables. I'm noticing that having multiple <code>&lt;div&gt;</code> or any other tag inside a <code>&lt;td&gt;</code> element will stretch it into a stacked row. They need to be this way because it allows for a dynamic row. The header for the row must stretch dynamically based on my data, however I cannot seem to manipulate the style at all.</p>
  
  <p>This is the way that cell is structured in html</p>
  
  <pre><code>&lt;td&gt;
      &lt;div&gt;Test A&lt;/div&gt;
      &lt;div&gt;Test A&lt;/div&gt;
      &lt;div&gt;Test A&lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>I can add styles to the <code>td</code> element and get them to show up, but of course it will show up for all of the cells. I don't want that. I need to be able to manipulate those div cells. </p>
  
  <p>This is what it looks like now
  <a href="https://i.stack.imgur.com/ib1do.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ib1do.png" alt="enter image description here"></a></p>
  
  <p>I just need to figure out if there is a tag that excel understands that will allow me to add styling to it. I have tried...</p>
  
  <ul>
  <li>nesting <code>td</code> tags in it. I can style them, but the cells are no longer in the right place</li>
  <li>using 'span' and 'p' classes. These do the same as <code>div</code> of course because excel doesn't understand them.</li>
  </ul>
  
  <p>My code is a highly edited version of this.
  <a href="https://github.com/ChrisFeldmeier/jquery.dataTables.export2Excel.js/blob/master/jquery.dataTables.export2Excel.js" rel="nofollow noreferrer">https://github.com/ChrisFeldmeier/jquery.dataTables.export2Excel.js/blob/master/jquery.dataTables.export2Excel.js</a></p>
  
  <p>I just need to style the divs inside the tds this structure is inside HTML and is being exported TO EXCEL</p>