Jquery 剑道UI可排序表

Jquery 剑道UI可排序表,jquery,kendo-ui,Jquery,Kendo Ui,我在让剑道UI可排序在桌子上工作时遇到问题 代码: 大字标题 测试1 A. 测试2 B $(函数()) $(“#测试表”).kendoSortable(); 当我尝试排序时,它看起来就像我只拖动了一个td标记,并且没有任何可排序的标记。您还应该对kendoSortable应用一个过滤器,以指向tr <div id="wrapper"> <table class="table table-bordered table-striped" id="test-table

我在让剑道UI可排序在桌子上工作时遇到问题

代码:


大字标题
测试1
A.
测试2
B
$(函数())
$(“#测试表”).kendoSortable();

当我尝试排序时,它看起来就像我只拖动了一个td标记,并且没有任何可排序的标记。

您还应该对kendoSortable应用一个过滤器,以指向tr

  <div id="wrapper">
    <table class="table table-bordered table-striped" id="test-table">
        <thead>
            <tr>
                <th colspan="2">Headline</th>           
            </tr>
        </thead>
        <tbody>
            <tr>
                 <td>Test 1</td>
                 <td>A</td>
            </tr>
            <tr>
                 <td>Test 2</td>
                 <td>B</td>
            </tr>
        </tbody>
    </table>
</div>

<script>
    $("#test-table").kendoSortable({
         container: $("#wrapper"),
         filter: ">tbody >tr"
    });
</script>

大字标题
测试1
A.
测试2
B
$(“#测试表”).kendoSortable({
容器:$(“#包装”),
过滤器:“>tbody>tr”
});
  <div id="wrapper">
    <table class="table table-bordered table-striped" id="test-table">
        <thead>
            <tr>
                <th colspan="2">Headline</th>           
            </tr>
        </thead>
        <tbody>
            <tr>
                 <td>Test 1</td>
                 <td>A</td>
            </tr>
            <tr>
                 <td>Test 2</td>
                 <td>B</td>
            </tr>
        </tbody>
    </table>
</div>

<script>
    $("#test-table").kendoSortable({
         container: $("#wrapper"),
         filter: ">tbody >tr"
    });
</script>