刚进公司，组长要我用jquery动态生成表，我琢磨了老半天才写出来！但是很有成就感！凉出来给大家看看！
<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实例动态生成树 JQuery实例动态生成树 JQuery实例动态生成树 JQuery实例动态生成树 JQuery实例动态生成树
使用struts2，jquery，jquery插件treeview以及json动态生成一棵目录树，下载后可以直接运行，供学习使用
一个用于生成多层复杂表头的jquery插件,可以进行表头和数据的动态生成,动态筛选以及一定的统计分析功能。
数据展示时候，经常从后台传入大小不等的矩阵。这里给出了根据不同矩阵大小，通过jquery的html()和append(）方法动态生成html表格的实例。
此代码包里面包含了jquery实现动态添加生成页面树菜单terr
下面小编就为大家带来一篇jQuery为动态生成的select元素添加事件的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jQuery动态生成树的案例
一款很实用的jQuery动态生成分页列表代码，每页固定数量列表的分页样式，非常不错的jQuery动态分页插件
NULL 博文链接：https://lk617238688.iteye.com/blog/763608
jQuery动态生成隔行变色的table，使用jQuery+css+json实现
JQuery动态生成订单进度步骤代码 JQuery动态生成订单进度步骤代码
jQuery动态生成订单进度步骤代码，提取后台传输到页面的数据，根据数据进行进度的变更。默认设置初始值进行进度的变更。
jQuery动态添加删除编辑标签代码是一款自定义选项卡，添加选项卡，删除选项卡，编辑选项卡内容等。 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>...
Dtree Jquery动态生成树节点 http://www.iteye.com/topic/350056
Jquery动态按钮，支持动态影子，反光，镜子效果等，实现简单，使用Css动画实现
HTML+Jquery动态在线生成二维码代码，方便易用
struts2.0+ztree+jquery动态生成树结构,两种方法
jquery动态创建联动下拉框和jquery动态创建下拉框
jQuery动态生成订单进度步骤源码.zip