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应用实例一动态添加删除生成表格table

$(document).ready(function () { showEntityList();//显示所有列表 //删除 ...

jQuery+json实现动态创建复杂表格table的方法

大家都知道StringBuilder的用途,但是StringBuilder提供的功能却实在是太少了.特别是在处理字符串不区分大写时它就不能为力了.只能够将它里面的数据提取出来进行处理然后再放回进去,但...
  • my98800
  • my98800
  • 2016年05月20日 10:55
  • 222

Jquery动态操作table表格

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1...

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

自己参与的项目需要在查询的时候通过异步操作,来把数据添加到table中,就暂时用这个方法替代了一下...

jquery ajax自动生成表格table基础

本文转自:http://blog.csdn.net/chunqiuwei/article/details/10160587 首先在jsp页面设定一个table骨架,首先把该table的dis...

jQuery动态生成隔行变色的table

  • 2015年04月27日 20:24
  • 80KB
  • 下载

js通过后台配置动态生成html table表格

js根据后台配置动态生成合并行。。。。

使用AJAX动态生成table表格数据

《使用AJAX动态生成table表格数据》 【1】使用jquery-Ajax动态生成表格数据 【2】使用jquery.pagination.js和pagination.css生成分页栏 效果: ...

后台动态生成table表格

以前看到动态生成table的代码时,认为特别复杂,看到代码就不想看,认为这个用不到,而且还抱着一种难的心理. 不管则着,还是逃不过,躲避不是好的方法,这次就用到了动态生成表的要求,不学不行呀,不然页...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JQuery动态生成Table表格
举报原因:
原因补充:

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