title: JQuery DataTabels - JQuery UI theme, arrows wrap on TH
body: <p>I am using datatables with a jquery ui theme, and for the columns that are sortable, some of the TH's wrap the little arrow icons used to sort that column. </p>
  
  <p>I have about 7 columns being displayed. For the TDs that have small amount of text (that is no wider than the actual TH text) the arrow icon wraps on the TH. Any ideas on how to make it so that all the TH tags will not wrap the text? I tried adding 'sClass:nowrap' to every column and then creating a css nowrap class that uses white-space:nowrap, but that only works on the TD and not the TH.</p>
  
  <p>Basically need a way to make sure the minimum width of every column is as wide as the TH contents (including the arrows)</p>