How to disable editing in a particular columns in the Spreadsheet?

<div id="spreadsheet"></div> 

//Initialize Spreadsheet component        
let spreadsheet: Spreadsheet = new Spreadsheet({
            sheets: [
                {
                    name: 'Car Sales Report',
                    ranges: [{ dataSource: (dataSource as any).defaultData }], // you can refer this datasource in this link https://ej2.syncfusion.com/javascript/demos/spreadsheet/default/datasource.js
                    rows: [
                        {
                            index: 30,
                            cells: [
                                { index: 4, value: 'Total Amount:', style: { fontWeight: 'bold', textAlign: 'right' } },
                                { formula: '=SUM(F2:F30)', style: { fontWeight: 'bold' } },
                            ]
                        }],
                    columns: [
                        { width: 180 }, { width: 130 }, { width: 130 }, { width: 180 },
                        { width: 130 }, { width: 120 }
                    ]
                }] , 
             created: (): void => {
         spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center', verticalAlign: 'middle' }, 'A1:F1');
            spreadsheet.numberFormat('$#,##0.00', 'F2:F31');
        },
              // Triggers before going to the editing mode.
              cellEdit: (args: CellEditEventArgs): void => {
                // Preventing the editing in E column.
                if (args.address.includes('E')) { args.cancel = true; }
              }
        });
 
        //Render initialized Spreadsheet component
        spreadsheet.appendTo('#spreadsheet');