<table id="selected_user_table" width="100%" > <thead> <tr><th class="center" colspan="2" style="background-color:#F2F2F2;height:20px;">已选择</th></tr> </thead> <tbody id="select_user_td"> </tbody> </table> <script> //添加一行 var trHTML = "<tr id='tr_"+row.id+"'><td width='10%'><input name='selected_user' type='checkbox'/></td></tr>" if(isOder){ $("#select_user_td tr:eq("+num+")").after(trHTML); }else{ $("#select_user_td").append(trHTML); } //删除一行 $("#tr_"+row.id).remove();//选中tr,然后删除。 </script>
在一个table中动态添加一行或删除一行
原创
©著作权归作者所有:来自51CTO博客作者建波李的原创作品,如需转载,请与作者联系,否则将追究法律责任
上一篇:JS 对文本框指定焦点差入值

提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
ElementUI的el-table表头自动吸顶,支持左右固定列
在使用el-table的时候,在数据多的情况下滚动表格会看不到表头是什么,为了用户体验可以使用表头吸顶来展示,如此丝滑的操作谁见了都说好。
Element el-table vue 表头吸顶 -
Vue el-table
【代码】Vue 3扩展el-table。
vue.js javascript 前端 上传 数据 -
vue el-table 表格合并
vue element ui el-table 表格合并
vue el-table 表格合并 -
el-table排序
el-table排序
自定义排序 自定义 javascript i++ 缓存