react-bootstrap-table/react-bootstrap-table2

Horizontal Scrolling

Open

#291 ouverte le 2 avr. 2018

Voir sur GitHub
 (26 commentaires) (7 réactions) (0 assignés)JavaScript (415 forks)batch import
help wanted

Métriques du dépôt

Stars
 (1 249 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

Hello,

Using react-bootstrap-table, when I set the width of the columns and they were larger than the viewport, the table created a horizontal scroll.

I just upgraded to react-bootstrap-table-2 and can't figure out how to replicate the functionality. It may be that I am using Bootstrap 4 which isnt compatible yet.

Am I missing something obvious. Any help would be greatly appreciated.

Guide contributeur

Direction de recherche
Étudiez comment le composant de tableau est rendu et applique le défilement horizontal. Le problème indique que cela fonctionnait dans la version précédente mais pas dans react bootstrap table2. Vérifiez le code source du composant, probablement dans 'src/table.js' ou similaire, pour les classes CSS comme 'table responsive' et la gestion de overflow x. Assurez vous que les propriétés de largeur de colonne sont correctement appliquées et que le conteneur a 'overflow x: auto' lorsque les largeurs dépassent la fenêtre d'affichage. Examinez les issues ou PR fermés pour des solutions potentielles.
Stack technique
javascriptreact
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReactGit
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75