jQueryのDatables 2つの最初の行は、私が使用しています

Question

を固定する方法：からjquery.dataTables.jsを：私は固定2つの最初の行を作成しようとしていますhttps://datatables.net

、私は今、すべての行ように、ドラッグドロップを使用していますドラッグゲイブルです。

jsfiddle：http://jsfiddle.net/f7debwj2/14/

HTML：

<br> 
    <br> 
    <table id="example" class="display" width="100%" cellspacing="0"> 
    <thead> 
     <tr> 
     <th>First name</th> 
     <th>Place</th> 
     <th>Order</th> 
     </tr> 
    </thead> 
    </table> 

jqueryの：

$(document).ready(function() { 
    var dt = $('#example').dataTable(); 
    dt.fnDestroy(); 
}); 

$(document).ready(function() { 
    var url = 'http://www.json-generator.com/api/json/get/clmDuyndua?indent=2'; 
    var table = $('#example').DataTable({ 
    ajax: url, 
    createdRow: function(row, data, dataIndex){ 
     $(row).attr('id', 'row-' + dataIndex); 
    }, 
    rowReorder: { 
     dataSrc: 'order', 
    }, 
    columns: [ 
     { 
     data: 'order' 
     },{ 
     data: 'name' 
     },{ 
     data: 'place' 
    }] 
    }); 
    table.rowReordering(); 

}); 

Answer 1

あなたはdataTableの行に固定 IDを与えると仮定するとCSS-

使用してそれを行うことができます

-

row#row-0,row#row-2{ 
    pointer-events: none; 
} 

作成したフィディッドに上記のコードを貼り付けてください。

ソートやその他の種類のものが利用可能な場合、その位置が変更されます。もう1つの方法は、出力を操作してヘッダーセクションに2つの行を保持することです。