javascript - 表格拖放(仅保留一列)

标签 javascript jquery html-table tablednd

我想做可拖动的表格行,我找到了 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 可排序。如果您将行包装在 tbody 中,此代码将为您提供您想要的内容:

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

关于javascript - 表格拖放(仅保留一列),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16548183/

相关文章:

javascript - 调用受用户名和密码保护的 JavaScript 文件

javascript - 是否可以通过javascript使一次点击触发两个或更多事件?

javascript - jquery 效果不想在 google chrome 中工作。怎么了?

Javascript 生成 HTML 代码调用 knockout

javascript - 在双 for 循环中将项目添加到不同对象 - Javascript

javascript - 根据 If/Else 的结果向 HTML 添加图像(innerHTML?DOM?)

javascript - 隐藏没有类和 id 属性的 html 表 2 的第一行

javascript - 卡住列 HTML JavaScript

javascript - 了解 RegEx 空白字符

php - php/html中多列显示单列mysql数据