木子屋 Dnawo's BLOG

动态输出表格时单元格动态合并解决方法

👤 dnawo 📅 2008-02-17 👁 4803 👍 0 💬 0 🔄 本站原创
假如我们要输出一个两行N列的表格,其中第一行有N列,第二行有两列,那么第二行就得用td的colspan属性来合并单元格。实际情况是N是未知的,那么colspan的值应为多少呢?我们知道:如果colspan的值小于N-1的话那么表格会变得残缺不全,影响美观。起初我的想法声明一个变量做计数器,统计出N的具体值,然后colspan的值就为N-1!然而在看PowerEasy® SiteWeaver™ CMS代码时给了我一些启发:如果我们能给colspan一个固定值,并保证这个固定值总会比N-1大,那么就不需要多声明一个变量来做计数器了,因为这时表格显示是完整的。下边是测试的代码:

HTML
colspan=4:
<table width="360" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td colspan="4"> </td>
  </tr>
</table>
<br />
<br />
colspan=2:
<table width="360" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td colspan="2"> </td>
  </tr>
</table>
<br />
<br />
colspan=10:
<table width="360" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td colspan="10"> </td>
  </tr>
</table>

评论(0)

暂无评论。

计算题
评论需审核通过后显示
← 上一篇 显示器发展史 下一篇 → 什么是显示器的带宽?