Disable jquery ui Sortierung für letzte Zeile der Tabelle

Question

Wie kann ich die Drag-and-Drop-Sortierung für nur die letzte Zeile einer dynamisch generierten Tabelle in angularjs mit ng-repeat deaktivieren? Ich benutze jquery ui sortierbar. Ich möchte, dass die Position der letzten Zeile nur an der letzten Position fixiert wird. Außerdem wachsen die Tabellenzeilen dynamisch, wenn Benutzer Zeilen hinzufügen, während sie der Tabelle Inhalt hinzufügen. Danke im Voraus ...

Answer 1

Wenn es kein Problem ist, wie Sie mit Styling umgehen, würde ich wahrscheinlich ein Tfoot-Tag verwenden. Sie können dies vielleicht eleganter mit dem eckigen $ last-Befehl machen, aber ich kann mir nicht vorstellen, wie es mir in den Sinn kommt.

Geben Sie in Ihrem ngRepeat an, dass es ausgeführt werden soll object in objects | notLast Dabei ist notLast ein benutzerdefinierter Filter, der das Array auf alle bis auf das letzte Element aufteilt. Verwenden Sie dieses ngRepeat für den Körper. Jetzt für die Tabellenfuß, tun object in objects | last mit last ist ein Filter, der nur das letzte Element (könnte auch mit LimitTo Filter durchgeführt werden). Nun wenden Sie die JQuery-Funktion nur für den Tabellenkörper an.

Dies könnte auch mit ngIf und $ last gemacht werden, aber das scheint, als wäre es unordentlicher.