title: Kendo edit only a single column of grid
body: <p>I have a kendoGrid(), in Javascript UI with configuration parameter "editable: true". it's possible set editable only a specific column of my Grid?</p>
  
  <p>i try two way, first:</p>
  
  <pre><code>&lt;div id="grid"&gt;&lt;/div&gt;
  &lt;script&gt;
      $("#grid").kendoGrid({
          columns: [
            { field: "name" },
            { field: "age" }
          ],
          filterable: {
              mode: "row"
          },
          editable: true,
          dataSource: [{ id: 1, name: "Jane", age: 30 }, { id: 2, name: "John", age: 33 }],
          schema: {
              model: {
                  id: "id",
                  fields: {
                      name: { editable: true },
                      age: { editable: false }
                  }
              }
          }
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Second way:</p>
  
  <pre><code>&lt;div id="grid"&gt;&lt;/div&gt;
  &lt;script&gt;
      $("#grid").kendoGrid({
          columns: [
            { field: "name", editable: false },
            { field: "age" editable: true }
          ],
          filterable: {
              mode: "row"
          },
          editable: true,
          dataSource: [{ id: 1, name: "Jane", age: 30 }, { id: 2, name: "John", age: 33 }],
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>But doesn't work.</p>
  
  <hr>
  
  <p>i can do with MVC View Helper:</p>
  
  <pre><code>@(Html.Kendo().Grid((List&lt;TestGrid&gt;)Model.innerElements)
              .Name("gridTest")
              .Columns(column =&gt;
              {
                  column.Bound(dataGrid =&gt; dataGrid.id).Width("50%");
                  column.Bound(dataGrid =&gt; dataGrid.name).Width("50%");
              })
                  .Filterable(filterable =&gt; filterable
                  .Mode(GridFilterMode.Row)
                  )
              .Sortable()
              .Pageable()
              .Editable(editable =&gt; editable.Mode(GridEditMode.InCell))
              .DataSource(data =&gt; data
                  .Ajax()
                      .Model(model =&gt;
                      {
                          model.Id(m =&gt; m.id);
                          model.Field(field =&gt; field.id).Editable(false);
                          model.Field(field =&gt; field.name).Editable(true);
                      })
                  .Update(update =&gt; update.Action("gridTest_Update","Home"))
                  .PageSize(10)
                  )
      )
  </code></pre>
  
  <p>but i can't reproduce in JQuery.</p>