Ng-table: Comment afficher la barre de défilement horizontale lorsqu'il y a plusieurs colonnes à afficher dans un tableau ?

Créé le 28 nov. 2015  ·  4Commentaires  ·  Source: esvit/ng-table

qq 20151128203444
La page affiche une barre de défilement, mais pas dans le tableau.

Commentaire le plus utile

vous devez entourer la table avec div dire
<div id="container"><!--table here--></div>

En css, appliquez le style suivant au conteneur div
#container{white-space:nowrap; overflow: hidden;}

puis appliquez le style suivant à votre table
.table{display:block;overflow-x:scroll;}

Cela ajoutera une barre de défilement horizontale juste en dessous du tableau et avant la div du pager.

Tous les 4 commentaires

Créez un conteneur au-dessus.
<div id="container"> <!--your table --> </div>
Et en utilisant css faire:
#container { width:100%; overflow: auto }

@AmitMY cachera le téléavertisseur

+1 , besoin d'un conteneur pour l'élément table

vous devez entourer la table avec div dire
<div id="container"><!--table here--></div>

En css, appliquez le style suivant au conteneur div
#container{white-space:nowrap; overflow: hidden;}

puis appliquez le style suivant à votre table
.table{display:block;overflow-x:scroll;}

Cela ajoutera une barre de défilement horizontale juste en dessous du tableau et avant la div du pager.

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

muhlegg picture muhlegg  ·  29Commentaires

batjko picture batjko  ·  3Commentaires

richtmat picture richtmat  ·  7Commentaires

ghost picture ghost  ·  30Commentaires

ulise picture ulise  ·  5Commentaires