title: KendoUI Grid column autosizing
body: <p>I'm trying to create a grid which would has to have auto-sizing columns (within some constraints) and its width must never exceed the width of parent div.</p>
  
  <p>I have 4 columns:</p>
  
  <pre><code>       col1        col2    col3    col4
  ------------------------------------------
  | very long text |  ...  |  ...  |  ...  |
  |     ...        |  ...  |  ...  |  ...  |
  ------------------------------------------
  </code></pre>
  
  <p>The values in first column are very long so I'm using styling: <code>white-space: nowrap; text-overflow: ellipsis;</code> the text stays in one line. I want <code>col2</code> to be 105-170px, <code>col3</code> 40-190px and <code>col4</code> 75-150px. I like to keep it as small as possible to avoid huge white spaces which appear.</p>
  
  <p>I know that something like this can be achieved by setting <code>scrollable: true</code>, but I don't need scrollbar and I really don't like how it sits there for no good use.</p>