JQuery动态生成Table表格

转载 2013年12月03日 09:20:26

主要用到了JQuery中的append和appendto的方法,具体代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>动态创建表格</title>
<script type="text/javascript" src="Scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
  function CreateTable(rowCount,cellCount)
  { 
     var table=$("<table border=\"1\">");
	 table.appendTo($("#createtable"));
	 for(var i=0;i<rowCount;i++)
	 {
	    var tr=$("<tr></tr>");
		tr.appendTo(table);
		for(var j=0;j<cellCount;j++)
		{
		   var td=$("<td>"+i*j+"</td>");
		   td.appendTo(tr);
		}
	 }
	 trend.appendTo(table);
	 $("#createtable").append("</table>");
  }
</script>
</head>

<body>
<input type="button" value="添加表格" onClick="CreateTable(5,6)" >
<input type="button" value="添加行">
<div id="createtable"></div>
<div id="createrow"></div>
</body>
</html>


JQuery Ajax动态生成表格

前言:   本示例大概功能是前台通过JQuery的Ajax调用一般处理程序(Handler),获取表格需要显示的信息,然后转换成json格式返回给前台,前台获取到数据后循环构建表格的行,最好把行...
  • jumtre
  • jumtre
  • 2014年10月17日 15:24
  • 7265

jQuery为table表格动态添加或删除tr

jQuery动态添加或删除tr
  • u012724595
  • u012724595
  • 2017年09月05日 16:48
  • 344

最简单的jQuery创建表格

最简单的jQuery创建表格         利用jQuery创建表格、主要是用到jQuery的两个方法:appendTo($("#nodeId"))、append(“html”) 、先使用jQuer...
  • chenghuaying
  • chenghuaying
  • 2013年12月09日 15:06
  • 9274

jquery ajax自动生成表格table(一)

自己参与的项目需要在查询的时候通过异步操作,来把数据添加到table中,就暂时用这个方法替代了一下...
  • chunqiuwei
  • chunqiuwei
  • 2013年08月21日 20:00
  • 29876

jquery动态创建table

meta http-equiv="Content-Type" content="text/html; charset=gb2312"> title>动态创建表格title> scrip...
  • Denghejing
  • Denghejing
  • 2015年03月31日 14:28
  • 2059

jQuery 动态生成多个表格

html代码var errList = data.errList //后台返回的数据,2维数组 //获取放表格的div var div = $("#di"); //每次循环生成一个表格 for (va...
  • dreamstar613
  • dreamstar613
  • 2017年04月21日 15:30
  • 861

jquery ajax自动生成表格table基础

本文转自:http://blog.csdn.net/chunqiuwei/article/details/10160587 首先在jsp页面设定一个table骨架,首先把该table的dis...
  • yy954744913
  • yy954744913
  • 2016年07月18日 17:27
  • 1640

js/jQuery 动态创建表格

$("#Query").click(function(){ $("#redFlag").html(""); var termCode = $("#ter...
  • helei_qingzheng
  • helei_qingzheng
  • 2017年12月27日 13:42
  • 35

IE7下用js生成table时,table不显示问题

在IE7下用js生成table时,遇到table不显示问题,仔细查找一番后,发现错误在于IE7对于js的appendChild支持有问题上。使用appendChild对表格dom插入行或者单元时,IE...
  • zengconggen
  • zengconggen
  • 2011年08月25日 17:43
  • 942

jquery动态表格,动态添加表格行

效果图:(打包下载) Html: html> head>     title>jquery表格操作title>     script language="javascript" src="jquer...
  • a497785609
  • a497785609
  • 2013年05月09日 17:44
  • 2323
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JQuery动态生成Table表格
举报原因:
原因补充:

(最多只允许输入30个字)