AllenFang/react-bootstrap-table

Need to highlight editable cell

Open

#1880 opened on Feb 1, 2018

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

Description

Hi Allen, Hope you are doing good.

We need that on row selection the cell which is editable for that specific row only should get highlighted like an input box.

image

As shown in the snapshot , one row is selected and the cell which is ediatble is highlighted on rowClick but we want that it should get highlighted as soon as i select a row and make that header editable without even clicking the row . Any assistance on the same is highly appreciated. table

Contributor guide

Tech stack
javascriptreact
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.
half day
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
ReactJavaScriptCSSrow selection logic
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
Investigate how row selection is detected and how editable cells are rendered. Look at the source files for row selection logic (e.g., TableBody.js) and the cell edit components. The highlight likely needs to be triggered by a state change. Consider adding a CSS class to the editable cell when the row is selected. Check if there is an existing event handler for onRowSelect. The maintainer might need to clarify the desired behavior on initial load and when switching rows.