react-bootstrap-table/react-bootstrap-table2

Context Menu / Hiding Columns

Open

#463 opened on Aug 8, 2018

View on GitHub
 (3 comments) (0 reactions) (0 assignees)JavaScript (1,249 stars) (415 forks)batch import
good first issuehelp wanted

Description

Hi,

This is a feature request.

  1. Context Menu
  2. Right click on the column header (or) a select box to show all columns and unchecking the column values to toggle the column.

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.
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.
clear
Prerequisites
React fundamentalsreact bootstrap table2 column props
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
This feature request involves adding a context menu on column headers to toggle column visibility. To implement, first review current table props related to column visibility (like `hidden` in column definitions). Consider using a third party context menu library or building a custom one. Look at the column header rendering code in the `HeaderFormatter` or similar component to attach event listeners.