如何让jQuery Sortable与Table单元一起使用?

时间:2014-11-21 08:22:56

标签: javascript jquery jquery-ui jquery-ui-sortable

我知道如何在每行都是特定项目时进行排序。但我很好奇我将如何使用一个表,其中每行包含具有特定项的单元格。我似乎无法正确切换项目。在某一行内,物品切换正常。但是如果我在行之间移动一个项目,那么行就会水平增长。有什么想法吗?

我正在使用item为td在表上调用sortable。但就像我说的那样,当我在行之间移动一个项目时,行只是水平增长而且项目没有正确切换到另一个项目。

现行守则(coffeescript):

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

2 个答案:

答案 0 :(得分:0)

我不确定我的问题是否正确,但不应该做以下工作?

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

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

答案 1 :(得分:0)

我最终通过将tr的显示更改为display: inline并将td更改为display: inline-block来获得我想要的结果。这让我得到了正确的功能。