仅仅是个思路,楼主参考 :
<html>
<head>
  function GenerateHeader()
  {
    //使用ajax.net取ClassName集合
    
    var s = new Array();
    s[s.length] = "<table><thead><tr>";
for(var i=0;i<(distinct ClassName).length;i++)
{
  if(ClassName[i].name=="")
    s[s.length] = "<td colspan=2 rowspan=ClassName.columncount>ClassName[i].name</td>
  else
    s[s.length] = "<td colspan=1 rowspan=ClassName.columncount>ClassName[i].name</td>
}
s[s.length] = "</tr><tr>";
for()//按顺序输出11,12,15,14,17
{
  s[s.length] = "<td></td>";
}
    s[s.length] = "</tr></thead></table>";
    document.getElementById("MyDiv").innerHTML = s.join("");
  }
</head>
<body onload="GenerateHeader()">
  <div id="MyDiv"></div>
</body>
</html>