AllenFang/react-bootstrap-table

Move react-bs-table-expand-cell to the last column

Open

#1413 opened on Jun 19, 2017

View on GitHub
 (5 comments) (0 reactions) (0 assignees)JavaScript (2,240 stars) (795 forks)batch import
help wanted

Description

I am using expand row for the table, when I click / touch in the first column with css className "react-bs-table-expand-cell", I have a problem that in mobile view the touch to expand the row overlap with the touch open The sidebar then I would like to know if it is possible to move this column to the end of the table? Or some other solution so that this overlap does not happen

Contributor guide

Tech stack
reactjavascriptcss
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
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.
mostly clear
Prerequisites
Reactreact bootstrap table basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Investigate the expandRow configuration in react bootstrap table. Check if there is a prop like 'expandColumnPosition' or similar to control the placement of the expand cell. If not, explore custom solutions such as reordering columns via the 'columns' prop or using CSS to move the expand cell. Look at the repository's documentation and source files, e.g., src/Table.js or related expand row components, to understand the current implementation. Also review any existing comments or workarounds in the issue thread.