function AddRow(){
var vTb=$("#TbData");//得到表格ID=TbData的jquery对象
//所有的数据行有一个.CaseRow的Class,得到数据行的大小
var vNum=$("#TbData tr").filter(".CaseRow").size()+1;//表格有多少个数据行
var vTr=$("#TbData #trDataRow1"); //得到表格中的第一行数据
var vTrClone=vTr.clone(true);//创建第一行的副本对象vTrClone
vTrClone[0].id="trDataRow"+vNum;//設置 第一個Id為當前獲取索引;防止重複添加多個ID為trDataRow1的數據行;一次添加一個;
vTrClone.appendTo(vTb);//把副本单元格对象添加到表格下方
}
function delRow(){
var vNum=$("#TbData tr").filter(".CaseRow").size()+1;//表格有多少个数据行;
if(vNum<=2)
{
alert('请至少留一行');
return;
}
$("#TbData tr:last").remove();
}
写道
分享到:
相关推荐
jQuery表格编辑添加删除行插件是一款表格插件,默认设置json数据动态生成表格。
对表单进行复制 同时可以根据输入内容添加后动态生成 HelperTable.Copy.run({ defaultData:data,//加载的数据 tableElement:"#rowContent",//列表容器 indexField:'id',//指定唯一标识 数据唯一标识...
//得到表格ID=TbData的jquery对象 //所有的数据行有一个.CaseRow的Class,得到数据行的大小 var vNum=$(“#TbData tr”).filter(“.CaseRow”).size()+1;//表格有多少个数据行 var vTr=$(“#TbData #trDataRow1”); /...
raydreams.js是一款基于Bootstrap的jquery动态数据表格插件。该jquery动态数据表格的特点是使用简单,它能通过json动态加载表格所需的数据,并通过配置参数设置表格列是否排序和添加功能按钮等。
本文实例讲述了jQuery+ajax实现动态添加表格tr td功能。分享给大家供大家参考,具体如下: 功能:ajax获取后台返回数据给table动态添加tr/td html部分: <table> <tbody></tbody> </table> ajax部分: var year =...
今天在项目中,刚好用到给指定的table添加一行、删除一行,就直接找google,搜出来的东西不尽如人意,不是功能不好就是千篇一律,简直浪费时间还不讨好,于是乎就自己动手封装个,现就把代码分享出来,避免大伙重复...
并且动态添加多个table表并将表中的文本,单选按钮等数据分别写入不同的数据库表;使用jquery捕捉多个table表中的多组不同的单选按钮的值,并存放到集合中,后台读取集合并分别写入2个不同的数据库表中
jQuery表格数据汇总插件。需求中经常有表格汇总的要求,此插件方便易用一行给表格添加汇总。$('table').tableSum({'sumText':'total'}) 标签:TableSum
// 绑定高度并获得当前隐藏keys(获得当前事件的下一个元素) /** * 显示状态和模块 ...* 动态创建层并添加显示内容 改分页 */ /** * DWR 提交 */ /** * 分页函数 */ /** * 验证 */
今日项目中需要用到取table选中列的数据,网上资料发现都不能获取到选中指定列的数据,通过分析测试后总结出以上代码,可以获取选中行/列的数据。取td的数据不是.val(),也不是.html()。经过多次测试才发现是通过...
今天在项目中,刚好用到给指定的table添加一行、删除一行,就直接找google,搜出来的东西不尽如人意,不是功能不好就是千篇一律,简直浪费时间还不讨好,于是乎就自己动手封装个,现就把代码分享出来,避免大伙重复...
jQuery分页动态数据表格插件是一款默认设置表格行数显示,支持页码跳转。
像这种页面,我们往往不是通过提交表单来处理这些数据,因为如果在后台去遍历处理这些大量的数据是非常繁琐的;比较好的做法是在前台页面中将数据以... table id是pswd_basic_fill_template 添加方法 代码如下: func
主要介绍了jQuery动态操作表单,结合实例形式分析了jQuery针对table表格的数据添加、删除、元素修改、提交等相关操作技巧,需要的朋友可以参考下
实现过程是这样的:前台通过jquery的ajax调用一般处理程序(Handler),获取表格需要显示的信息,然后转换成json格式返回给前台,前台获取到数据后循环构建表格的行,最好把行附加到表里。感兴趣的朋友一起看看吧
如果页面上有大量的表格数据时,隔行变色的斑马纹,基于jquery中的强大的选择器nth-child,以及addClass向表格中添加css样式制作的DEMO。 漂亮的斑马纹table表格(基于JQuery斑马纹表格)demo的特点简单易用,代码中...
简单分析:根据需求——动态添加一行,首先想到的是利用JS/jQuery操作DOM对象实现在数据表格table中手动添加一个tr,但由于数据表格的每一行的每一个单元格都有其样式,因此,要想动态添加的一行与Layui数据表格渲染...
基于JQuery的动态删除Table表格的行和列的代码以前脚本之家也发布过相关的代码,大家可以参考下。
table单元格新增行并编辑,具体内容如下 需要 bootstrap.min.css —— [ Bootstrap ] jquery-1.8.2.min.js —— [ Jquery ] 代码 <html> <head> <meta ...
jQuery实现表格的增加、修改、删除、保存代码