Question

我遇到嵌套表的问题。在我的公司，我们有一个基于表格布局的旧网站。我想在一个tr中添加一个新的td动态。如果设置了这个td，那么我将在最后一个td设置一个colspan = 2。如果我这样做，我的表看起来像这样：

| ---- | - | ------- | - | --- | - | - |

而不是这样：

| --- | - | ---- | - | --- | - | ----- |

（ - 仅定义为宽度而非colspan）

这是我的代码中的示例标记：

<table border="0" width="100%" cellspacing="0" cellpadding="1">
    <tbody>
        <!-- Headline tr -->
        <tr>
            <td width="100%" valign="middle" nowrap align="left" colspan="7"> 
                Titel 
            </td>
            <!-- New dynamic Field -->
            <td nowrap align="right"> 
                <img src="example.gif" width="15px" height="15px"/>               
            </td>
        </tr>
        <tr>
            <td nowrap align="left"> 
                Name
            </td>
            <td> 
                :
            </td>
            <td width="50%" align="left"> 
                <input readonly value="test" />
            </td>
            <td > 
                <img src="blank.gif" />
            </td>
            <td nowrap align="left"> 
                Number
            </td>
            <td> 
                :
            </td>
            <td width="100%" align="left" colspan="2"> 
                <input readonly value="test" />
            </td>
        </tr>
        <tr>
            <td nowrap align="left"> 
                Name
            </td>
            <td> 
                :
            </td>
            <td width="50%" align="left"> 
                <input readonly value="test" />
            </td>
            <td > 
                <img src="blank.gif" />
            </td>
            <td nowrap align="left"> 
                Number
            </td>
            <td> 
                :
            </td>
            <td width="100%" align="left" colspan="2"> 
                <input readonly value="test" />
            </td>
        </tr>
        <tr>
            <td nowrap align="left"> 
                Name
            </td>
            <td> 
                :
            </td>
            <td width="50%" align="left"> 
                <input readonly value="test" />
            </td>
            <td > 
                <img src="blank.gif" />
            </td>
            <td nowrap align="left"> 
                Number
            </td>
            <td> 
                :
            </td>
            <td width="100%" align="left" colspan="2"> 
                <input readonly value="test" />
            </td>
        </tr>
    </tbody>
</table>

此表嵌套在一个包含<table width="100%" height="100%">

的表中

This is what it looks like

什么是失败？

Answer 1

您在同一父表中的行（tr）中不能有不同数量的td。在您的示例中，第一行中有8（7 + 1）td，而其他行中只有7（5 + 2）。它可能打破你的桌子..

Answer 2

我已经解决了这个问题。在我的第一行中，第一个使用colspan = 7的td不需要宽度=＆＃34; 100％＆＃34;。现在它的功能。

嵌套表中的Colspan样式失败

2 个答案: