复杂表格怎样动态出 web 表格,画table真是难画~! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <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个列拼接 自己搞定了。贴上来,给大家分享。用的前台javascript合并单元格。TheTable为要合并的table id,ColumnIndex 需要合并的列~function MergeTableCell(TheTable,ColumnIndex){ var RowCount = TheTable.rows.length; var CurrentRow = null; var NextRow = null; var MergeTag = 0; var StartMergeCell = 0; var EndMergeCell = 0; var NextCell = null; var Iter = 0; for(var i=0;i<RowCount;i=Iter) { MergeTag = 0; StartMergeCell = 0; EndMergeCell = 0; CurrentRow = TheTable.rows(i); // window.alert(CurrentRow.cells(ColumnIndex).innerText); if ((CurrentRow.cells(ColumnIndex) != null)&&(i != RowCount-1)) { for(var j=i+1;j<RowCount;j++) { NextRow = TheTable.rows(j); NextCell = NextRow.cells(ColumnIndex); var strNext = new String(); strNext = NextCell.innerText; var strCurr =new String(); strCurr = CurrentRow.cells(ColumnIndex).innerText; if ( strNext != strCurr) { break; } else { if (j==i+1) { StartMergeCell = j; } EndMergeCell = j; MergeTag++; } } if (MergeTag != 0) { CurrentRow.cells(ColumnIndex).rowSpan = MergeTag + 1; for(var k=StartMergeCell;k<=EndMergeCell;k++) { TheTable.rows(k).deleteCell(ColumnIndex); } } } Iter = Iter + MergeTag + 1 ; } } jquery中的疑问? 关于Jquery的一个小效果 为什么在IE8中不能浏览图片??????????? 关于函数 100分求解一个兼容w3c标准的问题 搜狗兼容模式不支持的JQ代码 怎样实现在使用confirm()函数同时打开另外一个窗口 ? 50分的一个正则问题 急救!请教如何通过applet实现网上历史曲线功能,类似股票行情的东东!!!!!!!!!!! 如何用java script限制用户在网页上操作地时间。 初学者基础问题 求合并不规则列的js
<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>
TheTable为要合并的table id,ColumnIndex 需要合并的列~function MergeTableCell(TheTable,ColumnIndex)
{
var RowCount = TheTable.rows.length;
var CurrentRow = null;
var NextRow = null;
var MergeTag = 0;
var StartMergeCell = 0;
var EndMergeCell = 0;
var NextCell = null;
var Iter = 0;
for(var i=0;i<RowCount;i=Iter)
{
MergeTag = 0;
StartMergeCell = 0;
EndMergeCell = 0;
CurrentRow = TheTable.rows(i);
// window.alert(CurrentRow.cells(ColumnIndex).innerText);
if ((CurrentRow.cells(ColumnIndex) != null)&&(i != RowCount-1))
{
for(var j=i+1;j<RowCount;j++)
{
NextRow = TheTable.rows(j);
NextCell = NextRow.cells(ColumnIndex);
var strNext = new String();
strNext = NextCell.innerText;
var strCurr =new String();
strCurr = CurrentRow.cells(ColumnIndex).innerText;
if ( strNext != strCurr)
{
break;
}
else
{
if (j==i+1)
{
StartMergeCell = j;
}
EndMergeCell = j;
MergeTag++;
}
}
if (MergeTag != 0)
{
CurrentRow.cells(ColumnIndex).rowSpan = MergeTag + 1;
for(var k=StartMergeCell;k<=EndMergeCell;k++)
{
TheTable.rows(k).deleteCell(ColumnIndex);
}
}
}
Iter = Iter + MergeTag + 1 ;
}
}