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
four
five
six
seven
eight
nine
ten




foo foo foo foo
foo foo foo foo
foo
foo
foo
foo
foo
foo
foo
foo


bar bar bar bar
bar bar bar bar
bar
bar
bar
bar
bar
bar
bar
bar