Question

我正在使用：jquery.dataTables.js来自：https://datatables.net

我正在尝试使第2行固定，我正在使用拖放，因此所有行现在都是可拖动的。

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

您可以使用CSS -

来完成

假设dataTable将固定的 id 提供给行 -

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

只需将上述代码复制粘贴到您创建的小提琴中即可。

如果排序和其他类型的东西可用，那么它将改变其位置。另一种方法是操纵输出并将两行保留在标题部分中。

Jquery Datables如何使2个第一行固定

1 个答案: