{
 xtype:   'gridpanel',
 store:   'TimeStore',
 border:  true,
 width:   800,
 cls:     'm-grid',
 margin:  '10 0 0 0',
 selType: 'cellmodel',
 plugins: [
             Ext.create('Ext.grid.plugin.CellEditing', {
                            clicksToEdit: 1,
                            ptype:       'cellediting',
                            listeners: {
                                 'edit': function (edytor, data, event) {
   ...
                                                    data.grid.view.refresh();
                                                    data.grid.getStore().commitChanges();
                                        }
                                    }
                                })
                            ],
                            features: [ { ftype: 'summary' } ],
                            columns: [
                                {

.m-grid .x-grid-cell-selected{
    background-color: transparent !important;
}

{
     align:     'center',
     width:     80,
     dataIndex: 'F_NUM',
     editor: {
          xtype:      'textfield',
          allowBlank: false,
          maskRe:     /[0-9,]/
     },
     renderer: function(value, meta) {
          meta.style = "background-color:lightgray;";
          return value;
     }
},
{
     xtype:     'checkcolumn',
     align:     'center',
     width:     80,
     dataIndex: 'F_CHCK',
     editor: {
          xtype: 'checkboxfield'
     }

renderer: function(value, meta) {
      meta.style = "background-color:lightgray;";
  }