javascript - 将可编辑添加到 Bootstrap 表

Question

我尝试使用可编辑的 Bootstrap 表。在我的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>            

我的 table 很好。现在我想添加 editable method .我添加了 <script src="assets/js/bootstrap-table-editable.js"></script>然后怎么样？我不清楚(我是新手..)，我如何继续..

Answer 1

您需要添加 bootstrap-editable.js文件，因为我们的扩展是基于 x-editable如示例:source .

还有其他示例可能对您有所帮助:
demo1 ,
demo2 ,
demo3 ,
和 docs .