How to de-select a cell?

The problem I’m having is that if a user clicks to edit a cell but then does something on another view that changes the data and re-renders the BootstrapTable, the cell is still focused and retaining the old value until the user clicks somewhere else on the table. Neither reset nor cleanSelected seem to have any effect. Should these methods be able to do what I’m trying?

I tried the following:

onBootstrapTableRef(instance) {
    this.bootstrapTableRef = instance;
}

componentDidUpdate() {
    this.bootstrapTableRef.reset(); //feel like either of these lines should do the job
    this.bootstrapTableRef.cleanSelected();
}


public render() {
    const cellEdit = {
        mode: "click",
        blurToSave: true
    }

    return (
                <BootstrapTable data={this.props.settings} keyField="settingStage"
                    bordered={false} striped cellEdit={cellEdit} ref={this.onBootstrapTableRef}>
                    ...
                </BootstrapTable>
            </div>
        </div>
    );
}

[ajitStephen]

@saunandrea @AllenFang How to reset edit cell in react-bootstrap-table2 ?

[RashmiMadlerappa2018]

Hi @AllenFang How to clear the selected rows in react-bootstrap-table2 after successful save like cleanSelected in react-bootstrap-table