AllenFang/react-bootstrap-table

Modal insertRow

Open

#1559 opened on Aug 17, 2017

View on GitHub
 (7 comments) (1 reaction) (0 assignees)JavaScript (2,240 stars) (795 forks)batch import
help wantedin progressreact-bootstrap-table2

Description

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 ..

Contributor guide

Tech stack
reactjavascript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
needs investigation
Prerequisites
React basicsreact bootstrap table API
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
30
Research direction
Review the 7 comments on the issue for any workarounds or maintainer feedback. The user requests two enhancements: (1) a way to add rows without the modal (e.g., via a custom default rows feature), and (2) conditional select dropdowns where the options in one column depend on the selection in another. To implement, consider modifying the `insertRow` prop behavior or adding a new prop for custom row insertion without a modal. For conditional selects, you would need to use the `editable` configuration with a custom editor component that updates available options based on the current row data. Look at the library's custom editor API and the `onCellEdit` callback for potential integration points.