I am not able to edit in a kendo grid, which column have cell property,EnterEdit event is not trigerring

I am not able to edit in kendo react  grid, which column have cell property.  EnterEdit  event is not triggering.

<GridColumn
  field='gender'
   title='gender'
  width='110px;'
  filter='dropdown'
  cell={this.loaddgenderdropdown}
    />

loaddgenderdropdown = (props) => {
        const value = props.dataItem.gender

        const dropDownData = [
            { text: "M", value: true },
            { text: "F", value: false },
        ]
        if (props.dataItem.inEdit) {
            
        
        return (
            <td>
                <ComboBox
                    style={{ width: "70px", font: "inherit" }}
                    defaultValue={props.dataItem[props.field].text}
                    data={dropDownData.map((a) => {
                        return a.text
                    })}
                   
                />
            </td>
        )
    }
}

 

Please help me to resolve this issue.

 

 

Thanks,

Arun