【问题标题】:make table content editable and table draggable and resizable使表格内容可编辑,表格可拖动和调整大小
【发布时间】:2012-11-21 05:24:55
【问题描述】:

我想制作一个可拖动、可调整大小且该表格内容可编辑的表格。但是,当我使表格可拖动时, contenteditable 属性不起作用。
即删除下面的代码使内容可编辑,但我失去了可拖动属性

$('#awesomeDiv').draggable({
    containment: 'parent'
});

在谷歌浏览器中它有时会起作用,有时我的意思是如果我将表格拖到容器边缘,不要释放点击,将鼠标放在表格单元格上然后点击,但在 Firefox 中它永远不会起作用

我创建了一个 jsfiddle http://jsfiddle.net/VNLGb/1/

谁能帮帮我。

【问题讨论】:

    标签: jquery jquery-ui


    【解决方案1】:

    向表头和列添加额外的事件

    onclick="this.focus()"
    

    成功了 :)

    【讨论】:

      【解决方案2】:

      试试http://quocity.com/colresizable/

      通过使用它,您还可以调整表格及其单元格的大小

      【讨论】:

      • 感谢您的回复,但我想我不想要这个。也许你会想看看我编辑的 JsFiddle jsfiddle.net/VNLGb/2 在这里我使表格标题行可编辑,整个表格可调整大小和拖动。我在洗手间里完全沉默几分钟后找到了解决方案:) 无论如何感谢您的回复
      猜你喜欢
      • 2017-07-16
      • 1970-01-01
      • 1970-01-01
      • 2013-05-26
      • 1970-01-01
      • 1970-01-01
      • 2013-08-19
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多