使用 Javascript 在表格上拖动 HTML 单元格

Posted

技术标签:

【中文标题】使用 Javascript 在表格上拖动 HTML 单元格【英文标题】:Dragging HTML cells over the table using Javascript 【发布时间】:2010-09-12 02:15:32 【问题描述】:

伙计们,

我需要一个允许在表格上拖放单元格的解决方案。

cells可以有不同的colspans,所以当cells落入另一个更大的cells的中间时,应该执行以下步骤:

    另一个 td 元素被创建,其宽度与可拖动元素相等。 新 td 元素左右两侧的单元格会自动调整其宽度。

现在我使用JQuery拖放插件。它允许拖动元素,但在可放置元素上操作 DOM 元素时会变得有点尴尬。

有人可以提出一些实现这种行为的库吗?

【问题讨论】:

【参考方案1】:

DragTable 可能是一个很好的起点。

【讨论】:

谢谢,这不是我所需要的,但也许可以破解它来满足我的需要。我去看看。【参考方案2】:

不确定它是否支持表格,但我之前使用过link text,它对我来说效果很好

【讨论】:

以上是关于使用 Javascript 在表格上拖动 HTML 单元格的主要内容,如果未能解决你的问题,请参考以下文章

Javascript - 将图标移动/拖动到表格

使用javascript限制在特定div窗口上的html内拖动对象

handsontable / javascript - 禁用通过拖动添加的新行

React/AntDesign 如何使行可拖动? (表格拖动排序)

你如何使用 jQuery 的 .draggable 来拖动表格单元格?

通过拖动委托向上或向下拖动一行来重新排列表格中的部分(iOS 11)