0

通常のテーブルを作成したい。しかし、1 つの行に 2 つのフィールドを配置する必要があります。したがって、rowspan を使用し、2 行のテーブルがあると予想していましたが、4 分の 1 のスペースがありました。しかし、それは1行だけで示されています。私は改訂し、何か間違っているところを探しましたが、私は理解していません。行スパンを削除すると、すべてが正常に見えますが、行スパンが必要です。render が 1 行に表示されるのはなぜですか?

<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

4

2 に答える 2

0

rowspans をs に置き換えcolspanます。例えば：

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

編集：

あなたが何を達成しようとしているのかまだ100％確信が持てませんが、あなたが望むかもしれないと私が信じている限り：

  • 2 行の を意味するrowspanすべての から削除します。td
  • <tr></tr>それぞれの後にadd と additionalを追加し、 rowspanのセルの数に等しいtr数のs で埋めます。td
于 2013-10-09T22:07:09.973 に答える
0

私はちょうど同様の問題を抱えていました。次のように、動作の悪い行の最後に空の行を追加してみてください。

<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>

それは私のために働いた:)

于 2013-11-05T18:32:09.090 に答える