title: KendoUI Grid: How to programmatically make a specific column non editable
body: <p>I want to make a KendoUI Grid column programmatically non editable.</p>
  
  <p>The information which column should be non editable, I will get <strong>after the grid was created</strong> and filled with data in my application. Thats why I have to set it programmatically.</p>
  
  <p>First I created the grid on this way:</p>
  
  <pre><code>var dataSource = new kendo.data.DataSource({
      schema: {
          model: {
              fields: {
                  field1: {
                     editable: true,
                  },
                  field2: {
                     editable: true,
                  }
              }
          }
      }
  });
  
  $(domNode).kendoGrid({
      editable: true,
      dataSource: dataSource,
      columns: [{
              field: 'field1',
              title: 'First column'
          },
          {
              field: 'field2',
              title: 'Second column'
          }
      ]
  });
  </code></pre>
  
  <p>Then I add some data (I know its not realy necessary to show this here):</p>
  
  <pre><code>var grid = $(domNode).data('kendoGrid'); 
  
  grid.dataSource.add({
      field1: 'Some value',
      field2: 'Some other value'
  });
  </code></pre>
  
  <p>Later in my application, I will get the information which column should be non editable. Then I've tried the following:</p>
  
  <pre><code>grid.dataSource.options.schema.model.fields['field1'].editable = false;
  
  grid.dataSource.read(); // No changes, cloumn is still editable
  grid.refresh(); // No changes, cloumn is still editable
  grid.setDataSouce(grid.dataSouce); // No changes, cloumn is still editable
  </code></pre>
  
  <p>I'm desperately. Whats the correct way to porogrammaticly make a column non editable?</p>