Как получить jQuery Sortable для работы с ячейками таблицы?

Question

Я знаю, как получить сортировку для работы, когда каждая строка является определенным элементом. Но мне любопытно, как бы я сделал это со столом, где каждая строка содержит ячейки, которые имеют определенные элементы. Кажется, я не могу заставить элементы переключаться должным образом. В определенной строке элементы переключаются в порядке. Но если я перемещаю элемент между строками, строка просто растет горизонтально. Есть идеи?

В настоящее время я вызываю сортировку на столе с элементом, являющимся td. Но, как я уже сказал, когда я перемещаю элемент между строками, строка просто растет горизонтально, и элемент не переключается на другой tr должным образом.

Текущий код (CoffeeScript):

$("tbody").sortable 
    items: 'td' 

Answer 1

Я не уверен, получаю ли я на ваш вопрос правильно, но не следующие работы?

<table> 
    <tr class="sortable"> 
    <th>Title</th> 
    <td>Apple</td> 
    <td>Orange</td> 
    ... 

​$('​​​​.sortable').sortable({ 
    items: 'td' 
});​​​​​ 

Answer 2

я в конечном итоге получить результат, что я хотел, изменив отображение tr на display: inline и изменения td к display: inline-block. Это позволило мне получить правильную функциональность.