title: How to set column width in Kendo Grid
body: <p>I have to set some fixed column width in Kendo Grid which has no column headers.That means I get data simlar to below with single column "foo_data" and am hiding this column header and showing in the kendo Grid as is.The columns and rows in the Grid are dynamic ie.in the below example there are 9  columns  and 6 rows sometimes I may get 3 columns and 5 rows. I am using Kendo Ui,Angularjs and bootstrap frameworks.I want <em>more space between columns</em> in the Grid.How can I achieve this ? Any help would be highly appreciated.</p>
  
  <pre><code>var foo_data= [{"1 AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333  99999999999"},
                 "2  AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333  99999999999"},
                 "3  AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333  99999999999"},
                 "4  AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333  99999999999"},
                 "5  AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333  99999999999"},
                 "6  AAA BBB CCC 44444444444444444 555555555555555555 67777777777777777 333333333333333  99999999999"}];
  </code></pre>
  
  <p><strong>Hiding column header in the Kendo Grid:</strong></p>
  
  <pre><code>columns: [{
      field: "foo_data",
      headerAttributes: {
             style: "display; none"
      }
  </code></pre>