jquery - Kendo UI 可排序表

Question

我在让 Kendo UI 可排序以在表格上工作时遇到问题。

代码:

<table class="table table-bordered table-striped" id="test-table">
<tr>
    <th colspan="2">Headline</th>           
</tr>       
<tr>
     <td>Test 1</td>
     <td>A</td>
</tr>
<tr>
     <td>Test 2</td>
     <td>B</td>
</tr>
</table>
<script>
    $(function())
      $("#test-table").kendoSortable();
</script>

当我尝试排序时，看起来我只拖动了一个 td 标签，而且根本无法排序。

Answer 1

您还应该对 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>