onClickCell 调用模态框 修改bootstrap

可以通过以下步骤，在 `onClickCell` 事件中调用 Bootstrap 模态框：

1. 在 HTML 中，定义模态框的 HTML 结构，例如：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">修改单元格内容</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form>
          <div class="form-group">
            <label for="newContent">新内容</label>
            <input type="text" class="form-control" id="newContent">
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" onclick="saveNewContent()">保存</button>
      </div>
    </div>
  </div>
</div>

2. 在 JavaScript 中，定义 `onClickCell` 事件处理函数，并在其中调用模态框，例如：

function onClickCell(row, cell, value, columnDef, event){
  $('#newContent').val(value); // 将单元格的原始内容填入表单
  $('#myModal').modal('show'); // 显示模态框
}

function saveNewContent(){
  var newContent = $('#newContent').val(); // 获取表单中填写的新内容
  // 在这里处理保存逻辑...
  $('#myModal').modal('hide'); // 隐藏模态框
}

在 `onClickCell` 中，我们首先将单元格的原始内容填入表单中，然后调用 `$('#myModal').modal('show')` 显示模态框。在模态框中，我们为保存按钮绑定了 `saveNewContent` 函数，该函数会获取表单中填写的新内容并进行保存处理，最后调用 `$('#myModal').modal('hide')` 隐藏模态框。