jQuery 表格拖动插件:tableDnD

你需要下载1.2及以上版本的jQuery，并下载TableDnD plugin（当前版本0.7，git上有0.8版本，但官网上说当前版本是0.7，那就老实用0.7吧  ）

把下载好的文件加载到你的页面中，如下面这样使用它

$(table).tableDnD();

同时，它还有一些实用的函数：

onDragStyle，拖动时，为tr添加的行内样式

onDropStyle，拖动完毕，为tr添加的行内样式

onDragClass，拖动时，为tr添加的类样式

onDrop，定义拖动完毕后执行的回调函数

示例：

$(table).tableDnD({
  onDragClass: "DragClass",
  onDrop: function(table,row){
    //xxx
  }
});

更多函数，点击官网查看

补充：

我在用的时候碰到onDrop定义的函数不在拖动完毕后执行的情况(tablednd ondrop not working)，后来查了一下，原因是因为你在使用onDrop的时候，你需要为你的行(tr)添加id属性…