Débordement : le défilement empêche le rendu des colonnes masquées du tableau. Qu'est ce qui ne s'est pas bien passé?

Question

J'intègre React-Grid dans une application Flask existante. Pour ce faire, je dois compiler l'application à l'aide d'une configuration Webpack personnalisée. Je suis capable de restituer avec succès le composant React, mais lorsque j'utilise React-Grid et que j'applique overflow: scroll, seule la partie visible du tableau est rendue et le reste de la zone de défilement reste vide.

Cliquez ici pour voir le gif de React Grid avec le défilement de débordement activé

Cliquez ici pour voir le gif de React Grid sans débordement de défilement

Answer 1

J'ai résolu ce problème. J'ai défini overflow:scroll dans le navigateur en inspectant l'élément. Reactgrid semble utiliser une largeur prédéfinie pour le calcul lors du premier rendu du composant. Paramètre de débordement : faire défiler mon fichier CSS et recharger la page a résolu le problème.