JQuery动态添加Table表格

原创 2016年08月31日 11:55:54
<!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="http://static.zcool.com.cn/v6.2.3/scripts/jquery-1.7.2.min.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,5)" >
<input type="button" value="添加行" onClick="CreateTable(5)">
<div id="createtable"></div>
<div id="createrow"></div>
</body>
</html>

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

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

jQuery动态增加表格,增加行,并添加ID

使用jQuery实现,动态增加表格,增加行,并赋予id。
  • zhangjun123878
  • zhangjun123878
  • 2014年12月16日 14:27
  • 5771

jQuery动态添加删除表格的行和列

" /> .cl1{ background-color:#FFFFFF; } .cl2{ background-color:#FFFF99; } var rowCount = 0; var c...
  • woailvmengmeng
  • woailvmengmeng
  • 2015年10月08日 12:09
  • 1308

JQuery动态添加表格tr td

功能:ajax获取后台返回数据给table动态添加tr/td html: ajax:var year = $('#year').val();//下拉框数据 var province= $('...
  • m0_37935476
  • m0_37935476
  • 2017年09月27日 08:43
  • 144

js/jQuery 动态创建表格

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

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

效果图:(打包下载) Html: html> head>     title>jquery表格操作title>     script language="javascript" src="jquer...
  • a497785609
  • a497785609
  • 2013年05月09日 17:44
  • 2327

jquery动态创建table

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

jquery动态调整表格宽度

$(document).ready(function(){   var isdown = false;   var beginx = 0;   var oldwidth = 0;   var ...
  • zhongzi123456789
  • zhongzi123456789
  • 2015年12月03日 19:39
  • 2188

使用jquery动态往table添加tr

[html] view plain copy   table cellpadding=10 id="tabId" >           tr>            ...
  • chengwai26
  • chengwai26
  • 2016年08月11日 15:09
  • 1355

jquery 给table里的td动态创建控件并处理

转载自:http://blog.csdn.net/jdq819/article/details/5554683                  ...
  • u012377333
  • u012377333
  • 2016年01月21日 17:55
  • 2985
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JQuery动态添加Table表格
举报原因:
原因补充:

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