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

Question

我正在使用Mindmup editable tables。

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

我可以使用这个库吗？

Answer 1

目前不支持此功能。

但速战速决是以下（基于this issue）：

更改插件从该行113：

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> 

注意：td标签的怪异格式是故意的：这样，可编辑插件在编辑单元格时不插入空格。