AllenFang/react-bootstrap-table

Ajax call in the expand row

Open

#1035 opened on Feb 14, 2017

View on GitHub
 (16 comments) (0 reactions) (0 assignees)JavaScript (2,240 stars) (795 forks)batch import
help wantedin progress

Description

Hello @AllenFang

I want when I expand a row, make a ajax's call and return a content, maybe a other table or other div. Or in your example your expand props the data is already loaded. I think it's better to make a call ajax to fill the expand row.

It's possible? or have you a idea for implement this? or have you got a example? thanks

Contributor guide

Tech stack
javascriptreactcss
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.
needs maintainer response
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
React basicsAJAX/fetchunderstanding of react bootstrap table expand API
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
The issue requests dynamic data loading on row expand. Currently, expandRow content is pre loaded. To implement, look at the expandRow component in the source (likely `src/ExpandedRow.js` or similar) and check for any existing `onExpand` callback. The solution could involve adding an `onAsyncExpand` prop that returns a Promise, and the component renders a loading state until resolved. Discuss with maintainer about desired API design.