尋呼拖放tablesorter插件

我僅限於使用功能的tablesorter監守下父行等隱藏的子行，所以我用「的tablesorter國防部」功能http://www.pengoworks.com/workshop/jquery/tablesorter/tablesorter.htm 尋呼拖放tablesorter插件

當我嘗試添加dragtable.js和嘗試拖放，只有當前頁面被正確地重新排列。在其他頁面上，只有標題被移動，導致數據和標題不匹配。是否有解決一次性分頁，拖放和tablesorter功能的工作。我只需拖放即可移動包括顯示頁面在內的所有頁面的列。

<script type="text/javascript" src="jquery-1.2.3.js"></script> 
    <script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.tablesorter.mod.js"></script> 
<script type="text/javascript" src="jquery.tablesorter.pager.js"></script> 
<script type="text/javascript" src="jquery.tablesorter.collapsible.js"></script> 
<script type="text/javascript" src="jquery.dataTables.js"></script> 
<script type="text/javascript" src="ColReorder.js"></script> 
<script type="text/javascript" src="dragtable.js"></script> 
<script type="text/javascript"> 
     $(document).ready(
      function(){ 
       $(".tablesorter") 
        /* 
        * td.collapsible = collapse to the first table row and show +/- 
        * td.collapsible_alt = anchor to order number 
        */ 
        .collapsible("td.collapsible", { 
         collapse: true 
        }) 
        .tablesorter({ 
        // set default sort column 
        sortList: [[4,0]], 
        // don't sort by first column 
        headers: {0: {sorter: false}} 
        // set the widgets being used - zebra stripping 
        , widgets: ['zebra'] 
        , onRenderHeader: function(){ 
         this.wrapInner("<span></span>"); 
        } 
        , debug: false 
       }) 
       .tablesorterPager({container: $("#pager"), positionFixed: false}) 
        ; 

        // Expand/Collapse all 
         $('a#ShowButton').click(function(){ 
          var linkLabel = this.innerHTML; 
          switch(linkLabel) 
          { 
          case "Show History": 
           $("td.collapsible a").removeClass("expanded").click(); 
           this.innerHTML= "Hide History" 
           break; 
          case "Hide History": 
           $("td.collapsible a").addClass("expanded").click(); 
           this.innerHTML= "Show History" 
           break; 
          } 
         return false; 
         }); 

         var oTable = $('#example').dataTable({ 
         "sDom": 'Rlfrtip' 
         }); 


      } 

     ); 
</script>

來源

2012-07-11 Haran Murthy

你可以發佈頁面的js代碼嗎？這將有助於很多:) – Drakkainen 2012-07-11 12:12:58

@ Iro-在這個問題下面發表它 – 2012-07-11 13:37:38

爲什麼你包括jQuery兩次？除此之外，jQuery 1.2是**古代**。 – ThiefMaster 2012-07-11 14:07:48

嘗試使用是在換頁/過濾觸發事件：

$("#example").on("draw", function() { 
    someFunction(); 
});

在那裏你可以運行的拖放功能。另一種選擇是在每次拖放之後保存列布局，然後在表格觸發繪製時重新創建該佈局。我不確定你使用的插件是如何工作的，但我認爲你可以使用繪圖事件並使其工作。

來源

2012-07-11 14:45:47 Drakkainen

尋呼拖放tablesorter插件

回答

相關問題