Question

我有一个html表，有些列是可以满足的，有些则不是。我的HTML包含文件：https://github.com/mindmup/editable-table/blob/master/mindmup-editabletable.js

如果我喊出来：

$('#detail').editableTableWidget();

效果很好，我可以从箭头键移动到单元格，单元格在选择

上突出显示

但唯一的问题是，每一栏都是满足的，我不想要那样。如果我打电话

$('#detail').editableTableWidget().find('[contenteditable]');

箭头键的移动有效，但不是亮点，它似乎不起作用。我怎么能只在我满意的专栏上打电话呢？

http://jsfiddle.net/2u3mhom8/是我创建的JSFiddle来显示我的问题，

感谢您的帮助

Answer 1

我一直在寻找相同的解决方案。我在github上的问题页面上发现了一些可能对你有用的东西：

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

基本上，你只需使用这些：

element.find("td:not([data-editable='no'])").on('click keypress dblclick', showEditor)

和

element.find("td:not([data-editable='no'])").prop('tabindex', 1);

替换＆＃34; mindmup-editabletable.js＆＃34;中的相应行，这些行位于第92行和第113行（截至撰写帖子时...不确定他们是否还在在同一地点）。

我还发现了我目前在我自己的项目中使用的一个小的解决方法，因为它非常简单并且不需要代码来实现（尽管你可能需要做更多的CSS工作才能获得细胞看起来正确）。而不是使用你的细胞，使用它将使细胞不可编辑。