title: kendo grid expand to fit all columns
body: <p>I have a Kendo UI grid with 20 columns, all of which have text data.</p>
  
  <p>When Kendo renders the grid, every column (and column heading) has an ellipsis (...) indicating that the content was truncated.</p>
  
  <p>I've created an example of this here: <a href="http://dojo.telerik.com/iRIqU" rel="nofollow noreferrer">http://dojo.telerik.com/iRIqU</a></p>
  
  <p>It seems like the grid width adapts to the width of the container it's in - rather than forcing the necessary width to display all data, and scrolling horizontally.</p>
  
  <p>Is there a way to achieve this, so all the data is readable? (i.e. the way Format > Column > AutoFit Selection works in Excel.)</p>
  
  <p>I've tried </p>
  
  <ol>
  <li>changing the TD style with <code>whitespace: nowrap;</code>, but this just causes the text to overlap into each column</li>
  <li>setting the <code>grid</code> to <code>resizeable:true</code> and calling, e.g. <code>grid.autoFitColumn(1);</code> - but all this does is <em>reduce</em> the width of column 1 to better accommodate the other columns in my grid</li>
  </ol>