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>