日期:2014-05-17  浏览次数:20750 次

比较麻烦的问题,求一解决思路,或代码!


如上图所示:
有表a,b,c
a表为主表,b表为明细表,c表是b表的明细表

a表中的一笔数据最多对应b表中的8笔
b表中的一笔数据最多对应c表中的6笔

现在要实现上图的功能,
格式固定,即c表资料不到6笔时,剩下的栏位空着
b表资料不到8笔时,剩下的栏位空着

用<table>来实现布局,

无需考虑a表的资料!



------解决方案--------------------
用脚本做吧
我觉得对应b表可以外层用for循环8次添加8个<tr></tr>
至于<tr></tr>中是否有值,用if条件判断,如果有值加入值,没有就不加,最好固定好大小不会变形
c表和b表一样做

。。。。希望给你点思路,仅供参考
------解决方案--------------------
这类问题,最好不要汇总考虑,建议将其分割成两步动作:
1、能够独立生成一个个的小数据表,比如 div 里面放 table 之类的;
2、负责将生成好的小表,放入布局表,也就是最外面那个 两行四列;或者外面那个布局表,直接用流式div布局也行。
------解决方案--------------------
给楼主一个大概的代码,可以在html页面上运行看看效果,然后楼主可以根据实际情况修改一下就可以了:
<table style="border:1px solid #000000;border-collapse : collapse" border=1 cellpadding=0 cellspacing=0>
<tr>
<td>
<table>
<tr>
<td colspan=3>1表</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan=3>合计:</td>
</tr>
<tr>
<td colspan=3>5表</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan=3>合计:</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td colspan=3>1表</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>