使用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標籤的怪異格式是故意的：這樣，可編輯插件在編輯單元格時不插入空格。