html - HTML：使用行跨度的意外双行

Question

我想创建一个普通的表。但我需要将两个字段放在一行中。因此，我使用了 rowspan 并希望有一个两行表，但空间为第四。但是，它只显示在一行中。我进行了修改，并寻找错误的地方，但我并不怀疑。当我删除行跨度时，一切看起来都很正常，但我需要行跨度。为什么要在一行中渲染？

<table class="table table-bordered">
<tbody>                             
    <tr  class="warning" >
    <td rowspan="2" >100</td>
    <td rowspan="2">87</td>
    <td rowspan="2">FERNANDO RODRIGUEZ</td>
    <td rowspan="2"></td>
    <td rowspan="2">MARIANO ORTEGA SANCHEZ</td>

      <td rowspan="2" >  </td>
        <td rowspan="2" >  </td>
        <td rowspan="2">
            <span class="label label-info">
                Importacion
                Sencillo
            </span>
        </td>
        <td rowspan="2"> Monterrey </td>
        <td rowspan="2" ></td>
        <td rowspan="2" ></td>
        <td rowspan="2" ></td>
        <td rowspan="2">
         <a href="/TimsaLzc/web/app_dev.php/main/fleteDetalle/100" >
            <button class="btn btn-success">Detalles</button>
        </a> 
        </td>
</tr>

<tr  class="warning" >
    <td rowspan="2" >101</td>
    <td rowspan="2">82</td>
    <td rowspan="2">IVAN CORTES</td>
    <td rowspan="2"></td>
    <td rowspan="2">MARIANO ORTEGA SANCHEZ</td>

    <td rowspan="2" >  </td>
        <td rowspan="2" >  </td>
        <td rowspan="2">
            <span class="label label-info">
                Importacion
                Sencillo
            </span>
        </td>
        <td rowspan="2"> Nissan Mexico </td>
        <td rowspan="2" ></td>
        <td rowspan="2" ></td>
        <td rowspan="2" ></td>
        <td rowspan="2">
         <a href="/TimsaLzc/web/app_dev.php/main/fleteDetalle/101" >
            <button class="btn btn-success">Detalles</button>
        </a> 
        </td>
    </tr>

    </tbody>   
</table>

这是我的应用程序的图片，以及我提出问题的原因。 https://www.dropbox.com/s/1luaxgg4yesm8re/result.png

Answer 1

将rowspans替换为colspans。例如：

<td colspan="2">
  (...)
</td>

编辑：

仍然不能 100% 确定您要达到的目标，但据我所知，您可能想要：

• rowspan从所有td应该是两排的 's 中删除。
• <tr></tr>在每个之后添加和附加，并用等于具有行跨度的单元格数量的 s填充tr它。td

Answer 2

我刚刚遇到了类似的问题，尝试在行为不端的行末尾添加一个空行，如下所示：

<table class="table table-bordered">
<tbody>                             
    <tr  class="warning" >
    <td rowspan="2" >100</td>
    <td rowspan="2">87</td>
    <td rowspan="2">FERNANDO RODRIGUEZ</td>
    <td rowspan="2"></td>
    <td rowspan="2">MARIANO ORTEGA SANCHEZ</td>

      <td rowspan="2" >  </td>
        <td rowspan="2" >  </td>
        <td rowspan="2">
            <span class="label label-info">
                Importacion
                Sencillo
            </span>
        </td>
        <td rowspan="2"> Monterrey </td>
        <td rowspan="2" ></td>
        <td rowspan="2" ></td>
        <td rowspan="2" ></td>
        <td rowspan="2">
         <a href="/TimsaLzc/web/app_dev.php/main/fleteDetalle/100" >
            <button class="btn btn-success">Detalles</button>
        </a> 
        </td>
</tr>
<tr /> <!--magic goes here-->
<tr  class="warning" >
    <td rowspan="2" >101</td>
    <td rowspan="2">82</td>
    <td rowspan="2">IVAN CORTES</td>
    <td rowspan="2"></td>
    <td rowspan="2">MARIANO ORTEGA SANCHEZ</td>

    <td rowspan="2" >  </td>
        <td rowspan="2" >  </td>
        <td rowspan="2">
            <span class="label label-info">
                Importacion
                Sencillo
            </span>
        </td>
        <td rowspan="2"> Nissan Mexico </td>
        <td rowspan="2" ></td>
        <td rowspan="2" ></td>
        <td rowspan="2" ></td>
        <td rowspan="2">
         <a href="/TimsaLzc/web/app_dev.php/main/fleteDetalle/101" >
            <button class="btn btn-success">Detalles</button>
        </a> 
        </td>
    </tr>
    <tr /> <!--magic goes here-->
    </tbody>   
</table>

它对我有用:)