61,125
社区成员
发帖
与我相关
我的任务
分享动态页面的经典问题
现在要生成一个页面，里面有多行，每的列数都是动态生成的，可是这样生成的页面很乱，不知道哪几列从属同一列
请问各位有没有好的经验，谢谢
请问各位有没有好的经验，谢谢
...全文
请发表友善的回复…
发表回复
joe820302 2004-03-15
- 打赏
- 举报
<HTML>
<head>
<title>自定义表格</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta content=0 http-equiv=Expires>
<style>
<!--
body{
font-size: 12px;
margin-top: 0pt;
margin-left: 10pt;
margin-right: 10pt;
color: #000000;
font-family: arial, 'trebuchet ms', helvetica;
background-color: #D4D0C8;
}
nobr{
font-size: 12px;
}
table.list{
border : 0px;
background-color: #D4D0C8;
}
tr.listTitle{
font-size: 12px;
background-color: #ffffff;
}
tr.listContent{
font-size: 12px;
background-color: #D4D0C8;
}
span{
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
}
-->
</style>
</head>
<body style="overflow :hidden;">
<table id="mainTable" class="list" height="100%" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr class="listTitle" height="20">
<td>
<span id="theScroll" name="theScroll" style="height:100%;width:100%;overflow:hidden;">
<table class="list" style="height:100%;width:100%;border-collapse : collapse;table-layout: fixed;" cellspacing="1" cellpadding="0" border="0">
<tr class="listTitle">
<td width="80"><span><nobr>ID号</nobr></span></td>
<td width="80"><span><nobr>ID号ID号ID号ID号ID号ID号</nobr></span></td>
<td width="80"><span><nobr>编号</nobr></span></td>
<td width="80"><span><nobr>姓名</nobr></span></td>
<td width="80"><span><nobr>别名</nobr></span></td>
<td width="80"><span><nobr>代号</nobr></span></td>
<td width="80"><span><nobr>绰号</nobr></span></td>
<td width="80"><span><nobr>性别</nobr></span></td>
<td></td>
</tr>
</table>
</span>
</td>
<td width="16"> </td>
</tr>
<tr class="listTitle">
<td colspan="2">
<span id="theScroll" name="theScroll" style="height:100%;width:100%;overflow-x:auto;overflow-y:scroll;">
<table class="list" style="height:100%;width:100%;border-collapse : collapse;table-layout: fixed;" cellspacing="1" cellpadding="0" border="0">
<script>
<!--
for (var i=0;i<10;i++){
document.write("<tr class=\"listContent\">");
for (var j=0;j<=i;j++){
document.write("<td width=\"80\"><span><nobr><a href=\"#\">02000000000001</a></nobr></span></td>");
}
document.write("<td></td>");
document.write("</tr>");
}
-->
</script>
</table>
</span>
</td>
</tr>
<tr class="listTitle" height="20">
<td>
<span id="theScroll" name="theScroll" style="height:100%;width:100%;overflow :hidden;">
<table class="list" style="height:100%;width:100%;border-collapse : collapse;table-layout: fixed;" cellspacing="1" cellpadding="0" border="0">
<tr class="listTitle">
<td width="80"><span><nobr>ID号</nobr></span></td>
<td width="80"><span><nobr>ID号ID号ID号ID号ID号ID号</nobr></span></td>
<td width="80"><span><nobr>编号</nobr></span></td>
<td width="80"><span><nobr>姓名</nobr></span></td>
<td width="80"><span><nobr>别名</nobr></span></td>
<td width="80"><span><nobr>代号</nobr></span></td>
<td width="80"><span><nobr>绰号</nobr></span></td>
<td width="80"><span><nobr>性别</nobr></span></td>
<td> </td>
</tr>
</table>
</span>
</td>
<td width="16"> </td>
</tr>
</table>
</body>
</html>
<head>
<title>自定义表格</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta content=0 http-equiv=Expires>
<style>
<!--
body{
font-size: 12px;
margin-top: 0pt;
margin-left: 10pt;
margin-right: 10pt;
color: #000000;
font-family: arial, 'trebuchet ms', helvetica;
background-color: #D4D0C8;
}
nobr{
font-size: 12px;
}
table.list{
border : 0px;
background-color: #D4D0C8;
}
tr.listTitle{
font-size: 12px;
background-color: #ffffff;
}
tr.listContent{
font-size: 12px;
background-color: #D4D0C8;
}
span{
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
}
-->
</style>
</head>
<body style="overflow :hidden;">
<table id="mainTable" class="list" height="100%" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr class="listTitle" height="20">
<td>
<span id="theScroll" name="theScroll" style="height:100%;width:100%;overflow:hidden;">
<table class="list" style="height:100%;width:100%;border-collapse : collapse;table-layout: fixed;" cellspacing="1" cellpadding="0" border="0">
<tr class="listTitle">
<td width="80"><span><nobr>ID号</nobr></span></td>
<td width="80"><span><nobr>ID号ID号ID号ID号ID号ID号</nobr></span></td>
<td width="80"><span><nobr>编号</nobr></span></td>
<td width="80"><span><nobr>姓名</nobr></span></td>
<td width="80"><span><nobr>别名</nobr></span></td>
<td width="80"><span><nobr>代号</nobr></span></td>
<td width="80"><span><nobr>绰号</nobr></span></td>
<td width="80"><span><nobr>性别</nobr></span></td>
<td></td>
</tr>
</table>
</span>
</td>
<td width="16"> </td>
</tr>
<tr class="listTitle">
<td colspan="2">
<span id="theScroll" name="theScroll" style="height:100%;width:100%;overflow-x:auto;overflow-y:scroll;">
<table class="list" style="height:100%;width:100%;border-collapse : collapse;table-layout: fixed;" cellspacing="1" cellpadding="0" border="0">
<script>
<!--
for (var i=0;i<10;i++){
document.write("<tr class=\"listContent\">");
for (var j=0;j<=i;j++){
document.write("<td width=\"80\"><span><nobr><a href=\"#\">02000000000001</a></nobr></span></td>");
}
document.write("<td></td>");
document.write("</tr>");
}
-->
</script>
</table>
</span>
</td>
</tr>
<tr class="listTitle" height="20">
<td>
<span id="theScroll" name="theScroll" style="height:100%;width:100%;overflow :hidden;">
<table class="list" style="height:100%;width:100%;border-collapse : collapse;table-layout: fixed;" cellspacing="1" cellpadding="0" border="0">
<tr class="listTitle">
<td width="80"><span><nobr>ID号</nobr></span></td>
<td width="80"><span><nobr>ID号ID号ID号ID号ID号ID号</nobr></span></td>
<td width="80"><span><nobr>编号</nobr></span></td>
<td width="80"><span><nobr>姓名</nobr></span></td>
<td width="80"><span><nobr>别名</nobr></span></td>
<td width="80"><span><nobr>代号</nobr></span></td>
<td width="80"><span><nobr>绰号</nobr></span></td>
<td width="80"><span><nobr>性别</nobr></span></td>
<td> </td>
</tr>
</table>
</span>
</td>
<td width="16"> </td>
</tr>
</table>
</body>
</html>
ronaltang 2004-03-15
- 打赏
- 举报
动态的判断行数和列数，用colspan= 和rowspan= 去控制
ddcatlee 2004-03-15
- 打赏
- 举报
加表格线或者加些底色
qyjiswgog 2004-03-15
- 打赏
- 举报
我们找高手去
