2

これが私がしなければならないことです。

テーブルに表示されるはずのウィジェットを含むグリッドを作成しています。各ウィジェットには、それを含む td の colspan を表す可変幅と、そのセルの行スパンを表すと想定される 1 または 2 の高さがあります。

行のすべてのセルの colspan が 2 で、次の行に任意のタイプのセルを含めることができるまで、すべてが正常に機能します。次の行は、次の行ではなく、前の行のすぐ隣に表示されます。

問題を再現するjsfiddleを次に示します。コードは次のとおりです。

<table>
<tr>
    <td rowspan = "2">ONE</td>
</tr>
<tr>
    <td rowspan = "1">1</td>
    <td rowspan = "1">2</td>
    <td rowspan = "1">3</td>
    <td rowspan = "1">4</td>
</tr>
</table>

これはバグですか？私は何か間違ったことをしていますか？

編集:明確にするために、私がやりたいことは、通常の行の2倍の高さを持つウィジェットの行を持つことです

4

3 に答える 3

0

必要なものを正確に視覚化することは困難ですが、おそらくテーブルではなくブロック要素を使用する必要があります。表は表形式のデータにのみ使用する必要があります。rowspanスパンする行がない場合、属性は正しく機能しません。

<table>
  <tr>
   <td rowspan="2">ONE</td>
   <td>TWO</td>
 </tr>
  <tr>
   <td>1</td>
   <td>2</td>
   <td>3</td>
   <td>4</td>
 </tr>
</table>

フィドルを見る

于 2013-03-04T15:41:29.293 に答える
0

通常、行のセットにセルが多い場合にのみ行われる 2 行に強制する代わりに、セルの高さを設定するだけです。

http://jsfiddle.net/vjPMw/5/

td {
    height: 20px;
    background-color: #eee;
}
td.doubleheight {
    height: 40px;
}

<table>
    <tr>
        <td class="doubleheight">ONE</td>
    </tr>
    <tr>
        <td rowspan = "1">1</td>
        <td rowspan = "1">2</td>
        <td rowspan = "1">3</td>
        <td rowspan = "1">4</td>
    </tr>
</table>

本当に、セルは通常、その内容を含むように拡張されるため、それは不要であると予想していました。おそらく、あなたの状況のより完全なデモが必要です。また、私は Aarolama Bluenk の意見に同意しますが、テーブルはそもそも適切なアプローチではないかもしれません。

于 2013-03-04T15:43:02.633 に答える