如何讓jQuery Sortable與Table單元一起使用？

-2

我知道如何在每行是特定項目時能夠排序工作。但我很好奇，我會如何做到這一點，每一行都包含具有特定項目的單元格。我似乎無法讓項目正確切換。在某一行中，項目切換正常。但是如果我在行之間移動一個項目，那麼這個行就會水平增長。有任何想法嗎？如何讓jQuery Sortable與Table單元一起使用？

我目前正在調用可排序的項目是td的表。但正如我所說，當我在行之間移動一個項目時，該行只是水平增長，並且該項目不能正確切換到另一個tr。

目前代碼（CoffeeScript的）：

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

來源

2014-11-21 JoshEmory

請分享您到目前爲止的代碼，或者更好地展示問題的代碼片段。 – 2014-11-21 08:33:14

@TJ新增。該表只是一個簡單的具有3xn結構的HTML表格。 – JoshEmory 2014-11-21 08:38:14

共享代碼使表格行可排序。我不認爲這是你遇到問題的時候。請分享整個代碼 - 所需的HTML/CSS/JS代碼重現您所談論的任何問題。 – 2014-11-21 08:48:56

我不知道我是否可以得到你的問題的權利，但不應該以下工作？

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

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

來源

2014-11-21 08:30:46

問題在於單元格只能在它們各自的行內排序，並且我需要單元格能夠在整個表格中自由移動。但是如果我把課堂放在桌子或者tbody上，單元格可以自由移動，但是表格不能正確排序。因此，如果表格是3x3，並且將單元格從第二行移動到第一行，則單元格將正確添加到第一行，但第一行將具有4個單元格。 – JoshEmory 2014-11-21 08:35:41

我最終得到我想要通過改變tr的顯示器display: inline，改變td到display: inline-block結果。這使我能夠獲得正確的功能。

來源

2014-11-21 08:57:11 JoshEmory

如何讓jQuery Sortable與Table單元一起使用？

回答

相關問題