Modal insertRow

Hi, Is there any other options for adding rows without using a modal ? actually im using the table on a modal where i have already a form to add rows on it , but i would like to keep using the ‘insertRow’ prop also to add a custom default rows only ? … And for : <TableHeaderColumn width='100' dataField='target' editable={ { type: 'select', options: { values: targets } } }>Target</TableHeaderColumn> <TableHeaderColumn width='100' dataField='condition' editable={ { type: 'select', options: { values: conditions } } }>Condition</TableHeaderColumn> I m looking for a conditional select , if i select a target[x] i had to select only conditions for this current target selected ? because now i can show all these conditions and not only conditions for target[x] selected for example …

[janpauldahlke]

hi Allen, and thanks for replying. I decided to go the way with some ‘fake’ element right below your table. Iam just copying the css and applying changes to state. collect state -> action to props -> rerender shows the item in your table.

<BootstrapTable
  data={//usual foo_}
  cellEdit={this.cellEditProp as any}
>
  <TableHeaderColumn dataField="id" isKey>ID</TableHeaderColumn>
  <TableHeaderColumn dataField="description">Beschreibung</TableHeaderColumn>
  <TableHeaderColumn dataField="quantity">Menge</TableHeaderColumn>
  <TableHeaderColumn dataField="price">Preis</TableHeaderColumn>
  <TableHeaderColumn dataField="discountValue">DiscountValue</TableHeaderColumn>
  <TableHeaderColumn dataField="action" dataFormat={this.removeItemRow} width="80" editable={false}>action</TableHeaderColumn>
</BootstrapTable>

<AddRowElement counter={counter} handleClick={this.getDropDownValue.bind(this)} itemDesc={this.state.itemDescription} />

Have fun coding the table2 and best wishes 😉

[mferilight]

Hi @AllenFang @zeusbangayan
is the function already available to insert the row without modal in react-bootstrap-table2. If so please let met know what the function is