Ich habe eine Tabelle mit Sortierungs-Bootstrap-Glyphikonen in der Kopfzeile. Das Symbol wird nur angezeigt, wenn die Tabelle nach dieser bestimmten Überschrift sortiert wird. Wenn ich auf die Zelle klicke, ändert sich die Größe der Tabelle. Die Tabelle ist dynamisch, daher würde ich es vorziehen, die Zellengrößen nicht festzulegen. Gibt es eine Möglichkeit, einen Platzhalter dort einzufügen, der den Platz des Glyphicons einnimmt?
Ich weiß, wie das Javascript funktioniert, um es zu verbergen, ich weiß nur nicht, wie ich das CSS machen soll, um der Spanne eine gewisse Größe zu geben.
Sie müssen es in ein div einschließen, das eine Spanne enthält, oder für Version 3 col-lg-# – wenn Sie mehr Code posten, kann ich genauer sein
– Matt Lambert
25. Oktober 2013 um 20:01 Uhr
Plunkr hinzugefügt, damit Sie sehen können, was los ist
– Schneeverbrannt
25. Oktober 2013 um 20:12 Uhr
Können Sie die Farbe des Symbols nicht an den Hintergrund anpassen?
– Tarik
26. Oktober 2013 um 0:21 Uhr
@Tarik Das hat es getan … es fühlt sich ein wenig gekünstelt an, aber es funktioniert. Musste einen ng-Stil aufrüsten, da es nicht so aussieht, als könnten Sie mehrere ng-Klassen-Direktiven oder mehrere Ausdrücke in einer einzigen ng-Klassen-Direktive haben.
Was mir geholfen hat, war das Einstellen des Stils der Tabelle style="table-layout: fixed". Danach blieben die Spaltenbreiten meiner Tabelle gleich, unabhängig davon, ob neben der Spaltenüberschrift ein Symbol angezeigt wurde oder nicht.
Das order() Funktion setzt die orderType und Flips orderReverse. Mit der Hilfe von ng-show, wird in der Kopfzeile nur dann ein Pfeil angezeigt, wenn die Tabelle nach dieser Spalte sortiert ist. Keine Notwendigkeit für ein unsichtbares Glyphicon oder ähnliches.
12521000cookie-checkLeerer Platzhalter für Bootstrap-Glyphikonyes
Sie müssen es in ein div einschließen, das eine Spanne enthält, oder für Version 3 col-lg-# – wenn Sie mehr Code posten, kann ich genauer sein
– Matt Lambert
25. Oktober 2013 um 20:01 Uhr
Plunkr hinzugefügt, damit Sie sehen können, was los ist
– Schneeverbrannt
25. Oktober 2013 um 20:12 Uhr
Können Sie die Farbe des Symbols nicht an den Hintergrund anpassen?
– Tarik
26. Oktober 2013 um 0:21 Uhr
@Tarik Das hat es getan … es fühlt sich ein wenig gekünstelt an, aber es funktioniert. Musste einen ng-Stil aufrüsten, da es nicht so aussieht, als könnten Sie mehrere ng-Klassen-Direktiven oder mehrere Ausdrücke in einer einzigen ng-Klassen-Direktive haben.
– Schneeverbrannt
26. Oktober 2013 um 2:25 Uhr
sieht aus, als hättest du es herausgefunden
– Matt Lambert
28. Oktober 2013 um 22:16 Uhr