Javascript Can';无法使单元格集中在可编辑的脚本上
我有一个html表,其中有些列是可编辑的,有些则不是。我的HTML包含以下文件: 如果我大声说:Javascript Can';无法使单元格集中在可编辑的脚本上,javascript,jquery,html,Javascript,Jquery,Html,我有一个html表,其中有些列是可编辑的,有些则不是。我的HTML包含以下文件: 如果我大声说: $('#detail').editableTableWidget(); 它工作得很好,我可以从一个单元格移动到另一个单元格,并在选择时突出显示单元格 但唯一的问题是,每一列内容都是可编辑的,我不希望这样。如果我打电话 $('#detail').editableTableWidget().find('[contenteditable]'); 箭头键的移动起作用,但高亮显示不起作用,似乎不起作用。
$('#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才能使单元格看起来正确)。不要将其用于单元格,而是使用它将使单元格不可编辑。哦,忘了添加一点,您需要将“数据可编辑”属性添加到您不想让用户更改的元素中。