Jquery 动态生成表格示例代码

 在某些特殊的情况下是需要动态生成表格的,下面为大家详细介绍下使用jquery是如何做到的,感兴趣的朋友不要错过

代码如下:
<!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> 
 
 

时间: 2024-10-30 18:20:26

Jquery 动态生成表格示例代码的相关文章

Jquery 动态生成表格示例代码_jquery

复制代码 代码如下: <!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"

JQuery 动态生成Table表格实例代码_jquery

JQuery动态生成Table表格 主要用到了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&quo

用jquery怎么动态生成表格

问题描述 用jquery怎么动态生成表格 求大神帮忙![CSDN移动问答][1] ![CSDN移动问答][1] 表头已经固定了,本人是个jquery小白 最好写上每一步都是干什么的 ![CSDN移动问答][1] http://hi.baidu.com/nyrbduupwobikwd/item/e0d28c1941bc9563f1090e66 解决方案 取到整个table对象 $("table") 然后取他的子对象 $("table").children() 然后取他

JS实现动态生成表格并提交表格数据向后端_javascript技巧

本文实例介绍了JS实现动态生成表格并向后端提交表格数据的相关代码,分享给大家供大家参考,具体内容如下 先来看一下需求:在web页面上动态的生成表格,并可以对表格中的数据进行编辑,然后把表格中的数据提交至后端服务器保存. 那么我们首先需要解决的是动态生成表格的问题 1.首先我们需要导入JS库文件. <script src="../js/jqui/jquery/jquery-1.5.2.min.js" type="text/javascript"></

Extjs动态生成表格

在web显示数据时,会遇到grid的列数和行数不确定的这种情况.如何来根据数据动态的创建表格呢? Extjs 的json data给我们带来了一个很好的比较简单的方法. 要创建一个grid需要确定它的列数,再根据数据的数量就可以确定行数了. 看到有人用过一种方法就是讲列的属性和数据一起放在json data里去,这样可以达到效果,但是不难发现,这样的话,就很难进行分页或者更新表格里的数据. 其实我们可以结合extjs官网上的那种固定列数的访问方法来动态生成表格. 首先通过Ajax从服务端反回列的

aspose.words 动态生成表格的问题,有谁用过吗?麻烦帮忙解决下

问题描述 aspose.words 动态生成表格的问题,有谁用过吗?麻烦帮忙解决下 我的一个word里面有多个表格,会定义多个标签,但是获取动态生成表格的宽度时就会出问题?如何获取某个标签下的表格宽度呢? List widthList = new List(); if (doc.Range.Bookmarks["POregTable" + k + ""] != null) { for (int i = 0; i < dtsearch.Columns.Count

急急急!!!c#动态生成表格时遇到的怪问题

问题描述 动态生成表格,本来应该是类似如下形式:14TimestampTrue----------------------------15TimestampTrue----------------------------16TimeTrue----------------------------但现在遇到的情况时当数据较多时,在分页时产生下列情况:14TimestampTrue-----------------------------------------15TimestampTrue----

请教:如何用asp.net动态生成表格

问题描述 asp.net动态生成表格,表格某列有不一样的控件,或Textbox,或Dropdownlist,现在生成后,如何在控件里输入值,然后插入到数据库中,同时因为表格行列不固定,数据库怎么设计 解决方案 解决方案二:行列不固定,可以用稀疏矩阵的方法表示.解决方案三:该回复于2012-03-21 09:02:34被版主删除解决方案四:该回复于2012-03-21 09:02:35被版主删除解决方案五:像LZ这样需要动态生成的效果的话建议还是直接在后台拼接html代码比较方法,如果需要text

用EL动态生成表格

问题描述 用EL怎么样动态生成表格,并且表格的每一列都要有单击事件. 解决方案 解决方案二:用标签吧..EL可以实现态生成表格吗??解决方案三:<tableborder="1"><tr><td>Name</td><td>Age</td><td>Group</td></tr><c:choose><c:whentest="${emptyuserlist}&