Question

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

在我在行中应用拖放后，Jquery Datables sorting_asc 和 sorting_desc 无效。

有人可以帮我解决这个问题的jsfiddle： http://jsfiddle.net/f7debwj2/9/

HTML：

<div class=" dashboard">
  <div class="col-md-8 no-padding">
    <div class="form-group col-md-4 no-padding">
      <select class="form-control" id="sel1">
        <option value="Filter by">Filter by country </option>
        <option value="All">All</option>
        <option value="China">China</option>
        <option value="EUA">EUA</option>
        <option value="Spain">Spain</option>
      </select>
    </div>
  </div>

  <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();  


  $('#sel1').change(function() {
    if (this.value === "All") {
      table
        .columns(1)
        .search('')
        .draw();
    } else {
      table
        .columns(1)
        .search(this.value)
        .draw();
    }
  });
});

Answer 1

原因

非官方旧row reordering plugin强制排序仅在索引列上完成。

解

将其替换为没有该限制的官方RowReorder扩展程序，请参阅this example。

删除table.rowReordering();并包含RowReorder插件的其他文件文件。

RowReorder插件也需要jQuery DataTables 1.10.8或更新版本。

实施例

请参阅updated example以获取代码和演示。

Jquery Datables sorting_asc和sorting_desc无法正常工作

1 个答案:

原因

解

实施例