AllenFang/react-bootstrap-table

show text box for editable columns

Open

#1325 opened on May 17, 2017

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

Description

Hello, Currently it is impossible for the user to realize some columns are editable and some are not. best thing i could find is to change the background color but its not clear for users.

is it possible to show editable columns with text box? I tried to render it in dataFormat of the TableHeaderColumn but it has issues as well and anyway feels like an hack.

thank you.

Contributor guide

Tech stack
reacthtmlcss
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
Reactreact bootstrap table
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
Investigate the current implementation of editable columns in react bootstrap table, specifically the ColumnEditProps and dataFormat. Review the library documentation and code to understand how to add a text box indicator for editable columns. Consider proposing a new prop like 'editableIndicator' or modifying the existing editing API to make the editability more visible.