1

以下是我的查询。

我正在使用 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 标签而不是嵌套表是行不通的。请帮助我在这里缺少的东西。

谢谢

4

0 回答 0