表拖放(只保留一列)

Table drag and drop (holding only one column)

本文关键字：一列 保留 拖放      更新时间：2023-09-26

我想做可拖动的表格行，我找到了TableDnD jQuery插件，它工作得很好

$(function() {
   $("table").tableDnD(); 
});

如你所见:http://jsfiddle.net/drBfS/1/。

但是我只想让一列可拖动。我的意思是，整行(tr)像现在一样移动，但你只能通过拖动左列(td.drag)来移动行，当试图拖动右列时，它应该没有效果。你知道怎么做吗?

这似乎是一个较旧的插件，它可能已经有可能做到这一点，根据这个文档:http://isocra.com/2008/02/table-drag-and-drop-jquery-plugin/

然而，现在看完源代码后，它不再是可能的。相反，也许可以考虑简单地使用jQuery UI可排序。如果您将行包装在body中，则此代码将得到您想要的结果:

jQuery(function () {
    jQuery('table tbody').sortable({ handle:'.drag' });
});

不幸的是，这是不可能与TableDnD插件。该插件被设计为支持行拖动，而不是列拖动。

来自文档:

这个TableDnD插件允许用户在一个表中重新排序行

相关文章：