Javascript 将可编辑添加到引导表

我尝试使用引导表。在我的jsp页面中，我有：

<div class="row mystyle" >
  <div class="col-md-10">
   <table id="mytable" class="table table-hover" id="table-pagination"
                       data-url="data.json" 
                       data-toggle="table"
                       data-pagination="true"
                       data-show-pagination-switch="true"
                       data-sort-order="desc" 
                       data-show-export="true" 
                       data-search="true" 
                       data-show-toggle="true"  
                       data-show-refresh="true" 
                       data-show-columns="true"
                       data-page-list="[10, 25, 50, 100, ALL]">

      <thead>
        <tr>
         <th data-field="id" data-align="center">id</th>
         <th data-field="type" data-align="center">type</th>
         <th data-field="quantity" data-align="right" data-sortable="true">cost</th> 
        </tr>
      </thead>
  </table>
</div>            

身份证件
类型
成本

---

我的桌子展示得很好。现在我想添加。我添加了

，然后如何添加？我不清楚（我是新手…），我如何继续…

通过jquery选择您的表调用

可编辑的

：

var options = {};
$("#mytable").editable(options);

---

要查看完整的规范和选项列表，请选中您需要添加

bootstrap editable.js

文件，因为我们的扩展名基于

x-editable

，例如：

可能还有其他一些例子可以帮助您： , , ,

---

还有。

对于任何感兴趣的人，这里有一个带有单元格编辑功能的Reactstrap表。请参见

ok。。为了得到这个结果，我必须添加什么？我使用

data url=“data.json”

如何添加所有类来加载数据？