jQuery UI - Beim Ziehen und Ablegen von Zeilen mit Sortable erhöht sich der Abstand zwischen den Zeilen
Ich verwende das sortierbare Widget von jQuery Ui, um Drag-and-Drop-Funktionen in Tabellenzeilen zu implementieren. Das Problem ist, dass, wenn ich die 2. und 3. Reihe ein wenig nach unten ziehe (nicht genug, um die folgende Reihe zu verschieben), der Abstand zwischen den Reihen zunimmt. Wenn ich nun die 2. Reihe mit der 3. Reihe vertausche (indem ich die 2. unter den 3. ziehe), sammelt sich viel Platz zwischen der ersten und zweiten Reihe. Wenn die obigen Schritte wiederholt werden, können wir den Abstand zwischen Zeilen weiter erhöhen.
Zunächst 
Schließlich 
Es ist eine schlechte Verwendung von Tabellen, aber es gibt einige Legacy-Code, den ich tolerieren muss
Auch warum funktioniert die Platzhalteroption nicht?
2 Antworten
Scheint, dass Sie einen sehr alten Satz von Librarys laden, wenn Sie Ihren Code in diese zwei Zeilen ändern, ist das Problem weg.
%Vor%Wenn Sie wollen, können Sie jqueryui nur sortieren, und das ist ungefähr 38kb
Es scheint mit dem Tabellenrahmenabstand verwandt zu sein. Wenn Sie die "Tabelle {border-spacing: 0px;}" setzen, minimieren Sie den Space-Creep - maximal 1px, wenn ich meinen Tabellenzeilen einen Rahmen für meine Tests gebe.
Können Sie Markup zu den Tabellenzellen hinzufügen? Wenn dies der Fall ist, können Sie die Beschriftung und die Eingaben in einen Container verschachteln, den Sie dann zum Erstellen von Abständen verwenden können.
%Vor%Tags und Links jquery jquery-ui drag-and-drop