表拖放(仅保留一列)

时间:2013-05-14 16:22:15

标签: javascript jquery html-table tablednd

我想做可拖动的表行,我找到了TableDnD jQuery插件,它工作正常

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

正如你在那里看到的:  http://jsfiddle.net/drBfS/1/

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

2 个答案:

答案 0 :(得分:2)

根据此文档,这似乎是一个较旧的插件,在某个时候可能会这样做:http://isocra.com/2008/02/table-drag-and-drop-jquery-plugin/

但是,现在查看源代码后,再也不可能了。相反,或许可以考虑简单地使用jQuery UI进行排序。如果您将行包装在tbody中,此代码将为您提供所需的内容:

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

答案 1 :(得分:1)

不幸的是,使用TableDnD插件是不可能的。该插件旨在启用拖动,而不是列拖动。

来自documentation

  

此TableDnD插件允许用户对表中的行重新排序