Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';无法使单元格集中在可编辑的脚本上_Javascript_Jquery_Html - Fatal编程技术网

Javascript Can';无法使单元格集中在可编辑的脚本上

Javascript Can';无法使单元格集中在可编辑的脚本上,javascript,jquery,html,Javascript,Jquery,Html,我有一个html表,其中有些列是可编辑的,有些则不是。我的HTML包含以下文件: 如果我大声说: $('#detail').editableTableWidget(); 它工作得很好,我可以从一个单元格移动到另一个单元格,并在选择时突出显示单元格 但唯一的问题是,每一列内容都是可编辑的,我不希望这样。如果我打电话 $('#detail').editableTableWidget().find('[contenteditable]'); 箭头键的移动起作用,但高亮显示不起作用,似乎不起作用。

我有一个html表,其中有些列是可编辑的,有些则不是。我的HTML包含以下文件:

如果我大声说:

$('#detail').editableTableWidget();
它工作得很好,我可以从一个单元格移动到另一个单元格,并在选择时突出显示单元格

但唯一的问题是,每一列内容都是可编辑的,我不希望这样。如果我打电话

$('#detail').editableTableWidget().find('[contenteditable]'); 
箭头键的移动起作用,但高亮显示不起作用,似乎不起作用。如何仅在我的contenteditable列上调用此选项

是我创建的用来显示问题的JSFIDLE


感谢您的帮助

我一直在寻找相同的解决方案。我在github的问题页面上找到了一些可能适合您的内容:

我还没有尝试过这个解决方案,但它看起来很优雅,它们直接指向您需要更改以使其工作的代码行

基本上,您只需使用这些:

element.find(“td:not([data editable='no']))”)。在('click keypress dblclick',showEditor')上

element.find(“td:not([data editable='no']))”).prop('tabindex',1)

替换“mindmup editabletable.js”中的相应行,它们位于第92行和第113行(截至文章撰写时……不确定它们是否仍在同一位置)


我还发现了我目前在自己的项目中使用的一个小的变通方法,因为它非常简单,不需要代码来实现(尽管您可能需要更多地使用CSS才能使单元格看起来正确)。不要将其用于单元格,而是使用它将使单元格不可编辑。

哦,忘了添加一点,您需要将“数据可编辑”属性添加到您不想让用户更改的元素中。