Sortierbare JQuery-Tabellenzeilen laufen beim Verschieben über ihren Container ⇐ CSS

[Anonymous]

Ich verwende JQuery sortable, um die Zeilen einer Bootstrap-Tabelle zu ordnen. Funktionell funktioniert es gut. Aber wenn beim Verschieben des der Browser so groß ist, dass die Tabelle nicht in den horizontalen Raum passt, dann erweitert die Zeile ihre Grenzen.
Irgendeine Idee, was die magische CSS-Beschwörung (oder Bootstrap-Klasse) ist, um das zu beheben?
Hier ist eine Geige zur Veranschaulichung: https://jsfiddle.net/3dfj4xt6/

Code: Select all

$(".sortable").sortable({
axis: "y",
classes: {
"ui-sortable-helper": "inherit-width"
},
helper: "clone"
});

Code: Select all

table * {
white-space: nowrap;
}

.inherit-width td {
/* ensures the table cells use all available space... [url=viewtopic.php?t=26065]problem[/url] might be here ? */
width: inherit;
}

Code: Select all

one
two
three




foo
foo
foo


bar
bar
bar