2016-11-07 128 views

回答

0

使用dataTable 1.10.x和「native」RowReorder插件。將以下文件添加到您的項目中:

<script src="https://cdn.datatables.net/rowreorder/1.0.0/js/dataTables.rowReorder.min.js"></script> 
<link href="https://cdn.datatables.net/rowreorder/1.0.0/css/rowReorder.dataTables.min.css" type="text/css" rel="stylesheet"> 

$('#table').DataTable({ 
rowReorder: true 
}); 

Check demo : https://jsfiddle.net/u7mdqwot/ 
+0

下面小提琴使用你的建議,但你可以看到,它不工作時排序應用:( http://jsfiddle.net/0f9Ljfjr/ – Yasir

+0

PLZ檢查與新的演示鏈接 –

+0

它在哪裏:)? – Yasir

0

解決了該問題。 似乎排序和行重新排序不能並行工作。

gtblAssignedTasks = $("#tblAssignedTasks").DataTable({ 
"language": {       
"oPaginate": { 
"sFirst": "<<", 
"sPrevious": "<", 
"sNext": ">" , 
"sLast": ">>" 
}, 
"emptyTable":"No record found" 
}, 
"dom": '<"top"iflp<"clear">>rt', 
'iDisplayLength': 50,     
"bLengthChange": true,     
"responsive": false, 
"bFilter": true,      
'rowReorder': { 
dataSrc: 'Priority' 
}, 
columnDefs: [ 
{ targets:0, visible: false } 
] , 

"bSort": true, 
"bauto":false, 
"bPaginate": true, 
"Paging": true, 
"bInfo":false, 
//Commented,as Pager and filter isnt required 
"sDom": '<"row tblAssignedTasks" <"col-lg-3 col-md-3 col-sm-3 col-xs-12 pull-right filter"Rr> ><"" t><"row zeromargin clsFooter" <"span9"p> >', 
"pagingType": "full_numbers", 
"sServerMethod": "POST",               
"sAjaxSource": "@Url.Action("GetToDoListTasks", "Test")", 
"aoColumns":tblAssignedTasksColumns, 
"createdRow": function (row, data, index) 
{ 




}, 
"initComplete": function() 
{ 



} 
});//datatable end  

通過設置「bSort」:false甚至沒有工作。 所以我的解決方法是設置「bSort」:在數據表中真正初始化並設置單獨列的排序中列定義錯誤如下

var tblAssignedTasksColumns= [ 

        { "sTitle": "Priority", "mData": "Priority" , "sClass": "reorder", "sDefaultContent": "" } , 
        { "sTitle": "Priority", "mData": "Priority1" ,"sClass": "reorder" , 'bSortable': false, "mRender": function (data, type, row) 
        { 
        return GetPriorityRandom(row) ;}, "sDefaultContent": "1" }, 
        { "sTitle": "Description", "mData": "KindOfAlert", 'bSortable': false, "sClass": "tblDest ", "sDefaultContent": "","mRender": function (data, type, row){ 
         return GeneratePriorityLabel(row) 
        } 
        } 
        , { "sTitle": "Status", "mData": "Status", 'bSortable': false, "sClass": "clstblInvoiceAdjustment tdAssignedTasksStatus", "mRender": function (data, type, row) 
         { return GetStatus(row) }, "sDefaultContent": "" } 

       ];