title: datatable white-space:nowrap for one specific column
body: <p>I have a bootstrap datatable with alot of data. One row in particular (Product) will always have a large amount of data. Currently the row expands downwards and takes up alot of space</p>
  <p><a href="https://i.stack.imgur.com/BryzM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BryzM.png" alt="enter image description here" /></a></p>
  <p>I am trying to get the Product column to expand to the right instead of down, so that the product column title expands to fit the width of the data. The closes I've gotten so far is by adding this css style:</p>
  <pre><code>&lt;style&gt; td { white-space: nowrap; } &lt;/style&gt;
  </code></pre>
  <p>Which will do the desired column growth, but for each column</p>
  <p><a href="https://i.stack.imgur.com/vxt7d.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vxt7d.png" alt="enter image description here" /></a></p>
  <p>Is there a way to have ONLY the product column get better styling to it expands to the right and grows the column width? Maybe even have two lines of text instead of one for a more compact text display.</p>
  <p><a href="https://jsfiddle.net/martinradio/yz46nLr8/61/" rel="nofollow noreferrer">https://jsfiddle.net/martinradio/yz46nLr8/61/</a></p>