使用Mindmup可编辑表格使某些列不可编辑

Question

我正在使用Mindmup editable tables。

我希望最后一列不可编辑（因为在我的情况下，它是一个删除行的按钮）。

我可以使用这个库吗？

Answer 1

目前不支持此功能。

但快速修复以下内容（基于this issue）：

从此处更改插件的第113行：

string.format("%02d:%02d:%06.3f", hours, minutes, seconds)

对此：

element.find('td').prop('tabindex', 1);

在您的表格中，使相应的列不可编辑，如下所示：

element.find('td[data-editable!="false"]').prop('tabindex', 1);

注意：<tr data-id=123"> <td data-colname="first_name" >Chuck</td> <td data-colname="last_name" >Norris</td> <td data-editable="false"> <!-- data-editable added here --> <button type="button" class="btn"> <i class="ti-close" aria-hidden="true"></i> Remove </button> </td> </tr> 标签的奇怪格式是有意的：这样，可编辑的插件在编辑单元格时不会插入空格。

Answer 2

将mindmup-editabletable.js中的第92行更新为：

 $('.someClass').on('click keypress dblclick focus', showEditor)

将mindmup-editabletable.js中的第114行更新为：

element.find('.someClass').prop('tabindex', 1);

现在将class =“someClass”应用于您希望能够在表格中编辑的每个元素。

此外，要删除表格单元格中的空白区域，您可以将mindmup-editabletable.js的第18行修改为：

                    editor.val(active.text().trim())