js-案例:动态生成表格

原创 2015年11月18日 22:18:14

效果如图所示:
这里写图片描述
这里写图片描述
完整代码如下:

<html>
 <head>
  <style type="text/css">

  </style>
  <title>Document</title>
 </head>
 <body>

 行:<input type="text" id="h"/>
 列:<input type="text" id="l"/>
 <input type="button" value="生成" onclick="add();"/>
 <div id="div1">

 </div>
   <script type="text/javascript">
   function add(){
       var h=document.getElementById("h").value;
       var l=document.getElementById("l").value;
       var tab="<table border='1' bordercolor='blue' cellspacing='0' cellpadding='0'>";
       for(var i=0;i<h;i++)
          {
             tab+="<tr>";
             for(var j=0;j<l;j++)
              {
                  tab+="<td>aaaaaa</td>";
              }
            tab+="</tr>";
          }
       tab+="</table>";
       var divl=document.getElementById("div1");
       div1.innerHTML=tab;
   }
   </script>
 </body>
</html>

JavaScript如何动态生成表格

html> html lang="en"> head> meta charset="UTF-8"> title>动态生成表格title> script type="text/j...
  • pangqiandou
  • pangqiandou
  • 2017年04月23日 11:09
  • 2829

JQuery Ajax动态生成表格

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

通过freemarker生成一个超简单的动态表单例子

Configuration cfg = new Configuration();  Map map = new HashMap();  map.put("username", "");  map.pu...
  • luozhiguo999
  • luozhiguo999
  • 2008年09月03日 22:26
  • 2352

asp.net在页面中动态生成表格

项目依然在调试,要总结的话总是感觉不太舒服,毕竟还没有完呢,所以现在想依次把这个系统中用到的一些比较麻烦的知识点记录到这,以便别人查阅(这可是偶千辛万苦从网上查资料整出来的哟。。。)首先在页面上定义一...
  • the_fire
  • the_fire
  • 2010年04月30日 09:12
  • 11844

【code】flex根据数据,动态生成表格

最近打算吧硬盘中的资料记录在博客中,有用的就当是个分享,没用的就当是个备份,还望大家不要见怪。 在项目开发中,有这样的场景:前台页面的表格列需要通过查询的数据来生成。 public Map myMet...
  • nicky9470
  • nicky9470
  • 2015年06月08日 01:11
  • 776

一段动态生成表格的JSP代码讲解

一段动态生成表格的JSP代码讲解 留言板 主题 内容 删除 message...
  • bcbobo21cn
  • bcbobo21cn
  • 2015年11月02日 14:29
  • 4933

jquery动态生成表格

//多表头 function getsBigData(dom,gdata,tdata){ var row = 0; var trs = []; var mr = 0; var tds = [...
  • rt2016
  • rt2016
  • 2017年02月15日 16:05
  • 162

jQuery 动态生成多个表格

html代码var errList = data.errList //后台返回的数据,2维数组 //获取放表格的div var div = $("#di"); //每次循环生成一个表格 for (va...
  • dreamstar613
  • dreamstar613
  • 2017年04月21日 15:30
  • 861

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

《使用AJAX动态生成table表格数据》 【1】使用jquery-Ajax动态生成表格数据 【2】使用jquery.pagination.js和pagination.css生成分页栏 效果: ...
  • qq_28817739
  • qq_28817739
  • 2017年06月18日 16:00
  • 1584

Flex中动态生成表头

1、设计思路 (1)使用组件新建一个DataGrid; (2)将表头生成函数放在GridData中,利用另一个组件引用它; (3)在DGridHeader中引用GridData组件,并在自身中声明几个...
  • you23hai45
  • you23hai45
  • 2013年11月03日 15:17
  • 2094
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js-案例:动态生成表格
举报原因:
原因补充:

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