从外部触发react-bootstrap-table中的编辑

Question

我有3列引导表实现。第一列是可编辑的（单击时），但是当我单击第三列上的按钮时，我需要启用相同的编辑功能。基本上，我还需要添加重命名功能以通过单击其他位置来触发。请参阅弹出窗口中的重命名选项。屏幕附件在此处。

我尝试通过jQuery触发生成的TD标签的点击事件，但这没有帮助。

下面添加的是我的代码段

<BootstrapTable 
    data={this.props.documents.allDocumentsData} 
    pagination={true} 
    cellEdit={cellEditProp}  
    remote={ true }
    search={ true }
>
    <TableHeaderColumn
        dataField='document_name'
        dataSort={true}
        dataFormat={this.docNameFormatter}
        customEditor={{ getElement: createNameEditor, customEditorParameters: this.props }}
    >
        Document
    </TableHeaderColumn>
    <TableHeaderColumn dataField='updated_at' editable={false} dataSort={true} dataFormat={this.dateFormatter} >Date</TableHeaderColumn>
    <TableHeaderColumn dataField='view' dataSort={true} editable={false} dataFormat={this.viewFormatter} >View</TableHeaderColumn>
    <TableHeaderColumn dataField='id' isKey hidden export>Id</TableHeaderColumn>
</BootstrapTable>