1. 爱易网页
  2. JavaSript
  3. 复杂表格怎样动态出,该如何解决

复杂表格怎样动态出,该如何解决

日期：2014-05-16　 浏览次数：20339 次

复杂表格怎样动态出
group       grouptype           grouptypetype
------------------------------------
          |                               |-------------
          |   --------------|-------------  
          |                               |-------------
          |   --------------|-------------
          |                               |-------------
--------------------   |--------------
这样的表格怎样动态出，第一列   和第2列一对多，2列和3列一对多。一共有4列，我少画了一列。怎样循环才能出这种表格，不知道我说的明白否！


------解决方案--------------------
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 动态插入表格 </title>
<script>
function a(){
var sTable= " <table width=400 border=1 cellpadding=0 cellspacing=0> ";
for(var i=1;i <=6;i++){
sTable+= " <tr> ";
if(i==1)
sTable+= " <td rowSpan=6> 　 </td> ";
if(i%2==1)
sTable+= " <td rowSpan=2> 　 </td> ";
sTable+= " <td> 　 </td> <td> 　 </td> </tr> ";
}
sTable+= " </table> ";
window.document.write(sTable);
}
</script>
</head>
<body onload= "a() ">
</body>
</html>
------解决方案--------------------
每个问题有很多种解决方法
动态画这种表格,搞到最后,连自己都读不懂代码了
------解决方案--------------------
要是我就不做一个真正的表格,而是仿造一个,你的1,2,3,4列之间估计有关联关系,做为一个真正的表格,很难单列扩展,尤其动态的.

可以做4个单列(表格或div),然后把4个列拼接

相关资料更多>

  1. 为什么后面加了个eq(0).mouseover(),该怎么解决
  2. js中怎么定义class 工厂方式 构造函数方式 原型方式 动态原型方式 混合工厂方式
  3. javascript变量的作用域-ExtJS scope必备法宝
  4. JS onclick惯用事件
  5. 笑学原形——Object-Oriented JavaScript(Part 1)
  6. javascript 代码，在表格中怎样调用它？该如何解决
  7. ECShop transport.js与jquery 摩擦解决方案
  8. javaScript权威指南-词法构造
  9. 小弟我就想用js实现新增行删除行的功能 已经写了1天了 实在不会了 求大神帮帮小弟我