react-bootstrap-table/react-bootstrap-table2

Display as Key-Value mode on narrow device

Open

#79 ouverte le 4 oct. 2017

Voir sur GitHub
 (4 commentaires) (0 réactions) (0 assignés)JavaScript (1 249 stars) (415 forks)batch import
good first issuehelp wanted

Description

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.

Guide contributeur

Stack technique
javascriptreactcsshtml
Domaine
frontend
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
Basic knowledge of ReactCSS responsive design
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60
Direction de recherche
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.