La façon de traiter avec la table de débordement de la sémantique de l'INTERFACE utilisateur

<div style="overflow-x: scroll">
   <table class="ui table">
     ... table data ...
   </table>
</div>

J'ai une table qui a beaucoup de colonnes et de rangées. Il déborde sur la page et je ne peut faire défiler horizontalement lorsque je suis au bas de la page/table.

Comment puis-je faire en sorte que, peu importe comment les "grands" de la table est, je peux encore être en mesure de faire défiler horizontalement à tout point de défilement en haut et en bas sur la table?

Edit: JSFiddle lien vers l'exemple est ici: http://jsfiddle.net/2111sku5/

Dans le JSFiddle, vous pouvez voir que vous avez à faire défiler tout le chemin vers le bas de la table afin de faire défiler horizontalement pour voir le reste de l'en-tête.

merci de poster (ou mieux, un lien codepen.io) le code minimal qui reproduit le problème...je vais vous donner le bénéfice du doute que vous n'utilisez pas un </div> tag pour fermer une table vide... 🙂 peu importe, le problème est probablement lié à votre code spécifique, pas un problème générique avec des tables de débordement.
Votre table de bloc un peu bizarre. Il n'est pas censé ressembler à ça. Merci de poster l'intégralité de balisage que vous avez là.
Désolé à ce sujet. J'ai ajouté un jsfiddle lien qui, je pense, montre que le problème est que je suis en train de corriger.
J'ai ajouté un jsfiddle pour afficher la table de façon appropriée.

OriginalL'auteur Alan Guo | 2016-08-03