保捱科技网

全部频道

您的当前位置：首页table实现双击可编辑、添加、删除行

table实现双击可编辑、添加、删除行

来源：保捱科技网
 本文主要为大家详细介绍bootstrap table实现双击可编辑、添加、删除行功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

html：


<table class="table table-bordered" id="para_table"> 
 <tr> 
 <th style="text-align:center" width="200">名称</th> 
 <th style="text-align:center" width="200">值</th> 
 <th style="text-align:center" width="100">操作</th> 
 </tr> 
 <tr> 
 <td style="text-align:center; " onclick="tdclick(this)"></td> 
 <td style="text-align:center; " onclick="tdclick(this)"></td> 
 <td style="text-align:center; " onclick="deletetr(this)"> 
 <button type="button" class="btn btn-xs btn-link">删除</button> 
 </td> 
 </tr> 
</table> 
 
<p id="addtrp" style="margin-top:-15px; width: 15%; float: right;"> 
 <button type="button" class="btn btn-xs btn-link" onclick="addtr()">添加</button> 
</p>

js：


        
                
            
            
            
    
显示全文