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动态表格,动态添加表格行

效果图:(打包下载) Html: html> head>     title>jquery表格操作title>     script language="javascript...

盘点8种CSS实现垂直居中水平居中的绝对定位居中技术

我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS: .Absolute-Center { ...

JQuery动态增删表格行

new_file1 function delTr(obj){ //删除行 $(obj).parent().parent().r...

JQuery Ajax动态生成表格

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

一个简单的jQuery例子,动态添加表格和删除

一个简单的jQuery例子,动态添加表格和删除

JQuery动态生成Table表格

主要用到了JQuery中的append和appendto的方法,具体代码如下:
  • jumtre
  • jumtre
  • 2014-10-17 15:23
  • 7269

jQuery 往table添加新内容有以下四个方法:

jQuery 添加新内容有以下四个方法: append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选...
  • mggwct
  • mggwct
  • 2016-08-01 18:13
  • 3712

jquery应用实例一动态添加删除生成表格table

$(document).ready(function () { showEntityList();//显示所有列表 //删除 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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