Jquery数据表拖放而不更改行Id

我正在使用：

jquery.dataTables.js

from:

我正在使用官方的行重新排序插件，它现在运行良好

我想做的是：不要更改订单号

现在，如果我移动列，顺序列中的数字将发生变化

所以我希望这个数字和以前一样明白吗

如果我把第3行移到第一行，数字仍然是3，现在变为1

所以最后我只想在不改变订单号的情况下拖拽一下

可能吗

html:

---

jsIDLE:

不确定这是否是最佳解决方案，但您可以将原始索引的副本保存在单独的属性中，例如

orderOrig

，然后在单独的列中显示

orderOrig

var url = 'http://www.json-generator.com/api/json/get/clmDuyndua?indent=2';
var table = $('#example').DataTable({
   ajax: {
      url: url,
      dataSrc: function(d){
         $.each(d.data, function(index, item){
            item.orderOrig = item.order;
         });
         return d.data;
      }
   },
   rowReorder: {
      dataSrc: 'order',
   },
   columns: [
     {
        data: 'order'
     },{
        data: 'orderOrig'
     },{
        data: 'name'
     },{
        data: 'place'
   }]
});

有关代码和演示，请参阅

---

您还可以隐藏包含序列号的列，请参阅。

订单号是否是RowReorder的属性？如果是这样的话，你可以制作自己的ronnumber attriute，并将其用于自己的管理。不是这样的，这是来自json：@Anant我否决了你的答案，只是因为它没有按预期工作，直到最后，draggable才上升，值也变了。@offerpe'er根据OP的原始帖子，我的答案工作得非常好。我希望现在有人能给他两个问题的答案（原文+评论中的新问题）。检查一下手术室question@Raduken你介意看看我给你的其他问题的答案吗？

$(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,
    rowReorder: {
       dataSrc: 'order',
    },
    columns: [
      {
         data: 'order'
      },{
         data: 'name'
      },{
         data: 'place'
    }]
  });
});

var url = 'http://www.json-generator.com/api/json/get/clmDuyndua?indent=2';
var table = $('#example').DataTable({
   ajax: {
      url: url,
      dataSrc: function(d){
         $.each(d.data, function(index, item){
            item.orderOrig = item.order;
         });
         return d.data;
      }
   },
   rowReorder: {
      dataSrc: 'order',
   },
   columns: [
     {
        data: 'order'
     },{
        data: 'orderOrig'
     },{
        data: 'name'
     },{
        data: 'place'
   }]
});