Question

我想创建一个普通的表。但我需要将两个字段放在一行中。所以，我使用rowspan并且预期有两行表，但是空格为第四行。但是，它只在一行中显示出来。我修改了，找错了，但我不认真。当我删除rowspan时，一切看起来都很正常，但我需要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

将rowspan替换为colspan s。例如：

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

修改：

仍然不是100％肯定你想要实现的目标，但据我相信你可能想要：

从{em>双行的所有rowspan中删除td。

在每个<tr></tr>之后添加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>

它对我有用：）

HTML：使用rowspan的意外双行

2 个答案: