Why Does columnMoving not work along with enableFilter feature

[Darrel]

In  my case i am not able to use the columnMoving feature  along with the enableFilter feature Why is this so? My Source Code is as follows : -

$("#RESULT_TABLE"+i).datagrid({
         columns: colData,
         data: rowData,
         singleSelect:true,
         sortable:true,
         multiSort: true,
         remoteSort: false,
         height:'auto',
         pagination:true,
         striped: true,
         rownumbers: true,
         idField:'col0',
         selectOnCheck: false,
         checkOnSelect: false,
         onCheck:onCheck,
         onUncheck:onUncheck,
         onCheckAll: function(){
            checkAll_Rows(this);
         },
         onUncheckAll: function(){
            UncheckAll_Rows(this);
         },
      });   
   }
   //$("#RESULT_TABLE" + i).datagrid('loaded');
   $("#RESULT_TABLE" + i).datagrid('clientPaging');

   
   

//DataGrid - show required columns start
   

   $("#RESULT_TABLE" + i).datagrid({onHeaderContextMenu: function(e, field){
         e.preventDefault();
         if (!cmenu){
            createColumnMenu("#RESULT_TABLE" + i);
         }
         cmenu.menu('show', {
            left:e.pageX,
            top:e.pageY
         });
      }
   });
//DataGrid - show required columns end

   $("#RESULT_TABLE" + i).datagrid('columnMoving');

//DataGrid - enable filter
   $("#RESULT_TABLE" + i).datagrid('enableFilter');

[jarry]

Please try this code:

Code:

var dg = $('#dg').datagrid({
    onBeforeDropColumn: function(){
        $(this).datagrid('disableFilter');
    },
    onDropColumn: function(){
        $(this).datagrid('enableFilter');
        $(this).datagrid('doFilter');
    }
});
dg.datagrid('enableFilter');
dg.datagrid('columnMoving');