如何将表dnd用于嵌套表结构？

Question

以下是我的查询。

我正在使用table dnd js来排序我的表的行。当表结构简单时，它完美地工作。但是有没有办法将两个（或许更多）行组合在一起并将它们组合在一起？为此，我使用嵌套表结构，下面是html。

<table id="table-1" cellspacing="0" cellpadding="2">
    <tr id="1">
        <td colspan="3">
            <table>
                <tr>
                    <td>1</td>
                    <td>One</td>
                    <td>some text</td>
                </tr>
                <tr>
                    <td>11</td>
                    <td>OneOne</td>
                    <td>some text</td>
                </tr>
                <tr>
                    <td>111</td>
                    <td>OneOneOne</td>
                    <td>some text</td>
                </tr>
            </table>
        </td>
    </tr>
    <tr id="2">
        <td colspan="3">
            <table>
                <tr>
                    <td>2</td>
                    <td>Two</td>
                    <td>some text</td>
                </tr>
            </table>
        </td>
    </tr>    
</table>

脚本是

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        // Initialise the table
        $("#table-1").tableDnD();
        // Make a nice striped effect on the table
        $("#table-1 tr:even").addClass("alt");
    })      
</script>

但这不起作用。事实上使用span标签而不是嵌套表是行不通的。请帮助我在这里缺少的东西。

谢谢