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

[Anonymous]

Я использую сортировку JQuery для упорядочивания строк таблицы Bootstrap. Функционально все работает нормально. Но при перемещении , если размер браузера такой, что таблица не помещается в горизонтальном пространстве, строка расширит свои границы.
html: (это урезанная версия того, что находится в jsFiddle)

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

one
two
three




foo
foo
foo


bar
bar
bar

Javascript:

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

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

css:

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

table * {
white-space: nowrap;
}

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

Есть идеи, какое волшебное заклинание CSS (или класс Bootstrap) должно это исправить?
Вот скрипт для демонстрации: https://jsfiddle.net/3dfj4xt6/

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