2016-11-07 8 views

答えて

0

dataTable 1.10.xと "ネイティブ" 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

新しいデモリンク –

+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」を設定することによって:偽も動作しませんでした。 DataTableの初期化中に真とここにあなたのコードを表示してください、あなたが試してみました何

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": "" } 

       ]; 
関連する問題