Ng-table: Wie zeigt man die horizontale Bildlaufleiste an, wenn viele Spalten in einer Tabelle angezeigt werden müssen?

Erstellt am 28. Nov. 2015  ·  4Kommentare  ·  Quelle: esvit/ng-table

qq 20151128203444
Die Seite zeigt eine Bildlaufleiste, aber nicht in der Tabelle.

Hilfreichster Kommentar

Sie müssen die Tabelle mit div sagen
<div id="container"><!--table here--></div>

Wenden Sie in CSS den folgenden Stil auf Container div an
#container{white-space:nowrap; overflow: hidden;}

Wenden Sie dann den folgenden Stil auf Ihre Tabelle an
.table{display:block;overflow-x:scroll;}

Dadurch wird eine horizontale Bildlaufleiste direkt unter der Tabelle und vor dem Pager-Div hinzugefügt.

Alle 4 Kommentare

Erstellen Sie darüber einen Container.
<div id="container"> <!--your table --> </div>
Und mit CSS tun:
#container { width:100%; overflow: auto }

@AmitMY blendet den Pager aus

+1, brauche einen Container für das Tabellenelement

Sie müssen die Tabelle mit div sagen
<div id="container"><!--table here--></div>

Wenden Sie in CSS den folgenden Stil auf Container div an
#container{white-space:nowrap; overflow: hidden;}

Wenden Sie dann den folgenden Stil auf Ihre Tabelle an
.table{display:block;overflow-x:scroll;}

Dadurch wird eine horizontale Bildlaufleiste direkt unter der Tabelle und vor dem Pager-Div hinzugefügt.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

zeeshanhanif picture zeeshanhanif  ·  5Kommentare

penchiang picture penchiang  ·  5Kommentare

esvit picture esvit  ·  37Kommentare

yujiayinshi picture yujiayinshi  ·  8Kommentare

raul1991 picture raul1991  ·  6Kommentare