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-tag，并且没有任何可排序的东西。

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>

Kendo UI可排序表

1 个答案: