这是jsp中需要动态添加、删除行的table:
<div class="detail_list"> <table class="detal_tab" width="100%" cellpadding="0" cellspacing="0" border="1"> <tr> <th>扫描时间</th><th>扫描类型</th><th>公众号</th><th>公众号昵称</th> </tr> </table> </div>
js代码:
$.post( "/工程名/namespace/XXX.action", "传递的参数名="+传递参数的值, function(data){//异步返回结果 var scanPage = eval("("+data+")"); var tab = $(".detal_tab");//获取表 //每次填充表之前,先清除以前的旧数据 if(tab.size()>0){ tab.find("tr:not(:first)").remove(); } //填充数据 var list = scanPage.list;//这是一个list集合 for(var i=0;i<list.length;i++){ var str = '<tr>'+ '<td>'+list[i].createTimeStr+'</td>'+ '<td>'+list[i].type+'</td>'+ '<td>'+list[i].openId+'</td>'+ '<td>'+list[i].nick+'</td>'+ '</tr>'; $(".detal_tab").append(str); } } );
这样就可以了啊,这是用jQuery实现的,在 网上搜了好多,终于找到了一个相对合适的。
相关推荐
下面小编就为大家带来一篇利用jquery给指定的table动态添加一行、删除一行的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
JQuery动态添加删除table行
支持在任意行添加一行且可配置的,如可在第一行添加一行、第二行添加一行、倒数第一行添加一行、倒数第二行添加一行,随需求的变化都不会影响。 前提条件:行数需在表中存在否则添加不成功。 2)、删除一行 支持动态...
jquery动态添加删除行 点击按钮动态添加行或动态删除行代码 删除后序号重新排列
table添加、删减行,单元格添加、修改、删除标记,对于指定标记默认生成显示,浮动定位且不会产生水平导航条
element ui el-table 动态改变 单元格 的颜色, 将el-table 包在自定义组件(page_table)里面,可以重复使用。
今天上午对checkbox相关事件整合了下,运用jquery相关知识,整理table中隔行换色,选中变色,全选,反选等操作,并且对table动态添加行进行了相关整理。
jquery实现table自动添加行和编辑
jQuery 动态添加或删除表格行特效,每点击一次添加,会添加一个表格单元格,点击删除会删掉所有行,基于jQuery插件完成,想研究的朋友下载一看。
74、jquery表格动态添加删除行代码
jquery表格动态添加删除行代码是一款基于jquery实现的表格里面点击按钮后可进行自动添加删除行功能代码。
jquery表格添加删除行点击按钮动态添加删除行
jQuery动态添加删除编辑标签代码是一款自定义选项卡,添加选项卡,删除选项卡,编辑选项卡内容等。 jQuery动态添加删除编辑标签代码截图
使用jQuery实现动态可编辑表格,代码更少,兼容性更好
两种jquery动态添加删除行方法 两种jquery动态添加删除行方法 两种jquery动态添加删除行方法
主要介绍了jQuery实现动态给table赋值的方法,结合具体实例形式分析了jQuery动态操作table表格节点的相关技巧,需要的朋友可以参考下
jquery datatable 单元格合并,通过js实现相同内容单元格动态合并!!!jquery datatable 单元格合并,通过js实现相同内容单元格动态合并!!!
jquery table rowspan 表格单元格合并,设置相同属性表格合并
jquery table 添加、删除行、列