保捱科技网
您的当前位置:首页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:


        
显示全文