Строки сортируемой таблицы jQuery переполняют контейнер при перемещении ⇐ Jquery

[Anonymous]

Я использую сортировку jQuery для упорядочивания строк таблицы Bootstrap. Функционально все работает нормально. Но при перемещении , если браузер имеет такой размер, что таблица не помещается в горизонтальное пространство, строка расширяет свои границы.
Есть идеи, какое волшебное заклинание CSS (или класс Bootstrap) должно это исправить?
Вот скрипт для демонстрации: https://jsfiddle.net/3dfj4xt6/

Код: Выделить всё

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

Код: Выделить всё

table * {
white-space: nowrap;
}

.inherit-width td {
/* ensures the table cells use all available space... problem might be here ? */
width: inherit;
}

Код: Выделить всё

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

Подробнее здесь: https://stackoverflow.com/questions/798 ... ile-moving