react-bootstrap-table/react-bootstrap-table2

Display as Key-Value mode on narrow device

Open

#79 geöffnet am 4. Okt. 2017

Auf GitHub ansehen
 (4 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (1.249 Stars) (415 Forks)batch import
good first issuehelp wanted

Beschreibung

Feature idea.

In order to make the responsiveness of table better, we could add a flag that enables the table to be shown in key-value mode. See examples: https://css-tricks.com/responsive-data-tables/

This can be of course achieved with CSS, but it would be a better idea to provide a solution for it in the first place.

Contributor Guide

Tech Stack
javascriptreactcsshtml
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
Basic knowledge of ReactCSS responsive design
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60
Research-Richtung
Explore responsive data table patterns from the CSS Tricks article linked in the issue. Consider using CSS media queries combined with a React state toggle to switch between traditional table and key value layouts. Look at the existing table component structure in the repository, such as the BootstrapTable component, to understand how to integrate the new mode without breaking existing functionality.