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>