如何在可编辑的表tr中添加按钮

Question

嗨，我有一个可编辑的表格，我使用mindmup-editabletable.js.for editable table.but现在我想要一个按钮，我想尝试一些代码

＆＃13;

＆＃13;

$(function() {
  $('#tabledata').editableTableWidget();
  $("button").click(function() {
    $("#tabledata tr > td:first-child").html("<button class=collapsebutton>-</button> " + OriginalContent + " ");
  });
});

＆＃13;

.tabletd {
  border: 1px solid;
  border-color: rgb(158, 190, 215);
  height: 15px;
  border-collapse: collapse;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="Scripts/mindmup-editabletable.js"></script>
<table id="tabledata">
  <tr>
    <td>
      new
    </td>
    <td>
      hi
    </td>
  </tr>
</table>
<button>add -</button>

＆＃13;

＆＃13;

＆＃13;

但是现在插入代码的按钮也是可编辑的，我不想要它。我希望按钮是固定的而不是可编辑的按钮