react-bootstrap-table: Get an error after enabling insertRow.
I get the following error after enabling ‘insertRow’ props.
Uncaught (in promise) Error: react-modal: You must set an element with `Modal.setAppElement(el)` to make this accessible
at validateElement (ariaAppHider.js:31)
at show (ariaAppHider.js:18)
at Object.toggle (ariaAppHider.js:26)
at Object.renderPortal (Modal.js:100)
at Object.componentDidMount (Modal.js:66)
at react-dom.js:4719
at measureLifeCyclePerf (react-dom.js:4529)
at react-dom.js:4718
at CallbackQueue.notifyAll (react-dom.js:948)
at ReactReconcileTransaction.close (react-dom.js:11398)
The table content shows correctly, but the pagination is malfunctional. The snippet is below.
<BootstrapTable data={ this.state.datas } pagination striped hover condensed insertRow={ true } options={this.options}>
<TableHeaderColumn width='100' dataField='key' isKey autoValue={true} hidden hiddenOnInsert>rID</TableHeaderColumn>
<TableHeaderColumn width='150' dataField='date' editable={this.editable.date} dataSort>Date</TableHeaderColumn>
<TableHeaderColumn width='100' dataField='kind' editable={this.editable.kind}>Kind</TableHeaderColumn>
<TableHeaderColumn width='150' dataField='note' editable={this.editable.note}>Note</TableHeaderColumn>
<TableHeaderColumn width='150' dataField='number' editable={this.editable.number} dataSort>number</TableHeaderColumn>
<TableHeaderColumn width='150' dataField='picture' hidden hiddenOnInsert>Picture</TableHeaderColumn>
<TableHeaderColumn width='100' dataField='tag' editable={this.editable.tag}>Tag</TableHeaderColumn>
<TableHeaderColumn width='100' dataField='type' editable={this.editable.type}>Type</TableHeaderColumn>
</BootstrapTable>
this.editable = {
date: {type: 'datetime'},
kind: {type: 'select', options: {values: this.selections.kinds}},
tag: {type: 'select', options: {values: this.selections.tags}},
note: {validator: this.fieldNoteValidator},
number: {validator: this.fieldNumberValidator},
type: {validator: this.fieldTypeValidator}
};
What do I miss ?
About this issue
- Original URL
- State: closed
- Created 7 years ago
- Comments: 19 (9 by maintainers)
Commits related to this issue
- Manually Modal.setAppElement to address reactjs/react-modal#267 This is a workaround for #1087 — committed to dminuoso/react-bootstrap-table by deleted user 7 years ago
- Manually Modal.setAppElement to address reactjs/react-modal#133 This is a workaround for #1087 — committed to dminuoso/react-bootstrap-table by deleted user 7 years ago
No need to apologize. This a nice library.
I’m glad you are willing to take some time to do that. And hope it would not bother you too much.
I will try it, too.