title: Ext-JS: How to disable cell editing for individual cells in a grid?
body: <p>I am now building a web application with Ext-JS 4.0.2, and I am using a editable grid to control the data to be shown for a table on the same page.</p>
  
  <p>To make the grid editable, I followed the API documentation and used the following:</p>
  
  <pre><code>selType: 'cellmodel',
  plugins: [
      Ext.create('Ext.grid.plugin.CellEditing', {
          clicksToEdit: 2
      })
  ]
  </code></pre>
  
  <p>However, for this grid, there are several cells that are not supposed to be changed.</p>
  
  <p>I could simply let the event handler change the data back to the right state once it is changed in the grid, but this seems to be hacky, hard to maintain, and unreadable. Is there any better way to do this? I read the API but cannot find any useful attributes.</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>As for this particular app, just disable the first row would work. But I am also interested in choose several grid and make them not editable (imagine a Sudoku game with a grid).</p>