html - 空のtdsを入れずにhtmlテーブルを作成する

Question

こんな簡単な質問ですみません。しかし、それに対する合理的な答えを見つけることができないようです。

3 つの列を持つテーブルを作成したいのですが、3 つすべてのデータ数が異なります。たとえば、1列目には1つのデータしかありません。2 つ目は 3 つ、3 つ目も 3 つのデータがあります。次のようになります。

空のスロットを作成する tdために、1 番目と 2 番目に空の s を定義する以外の方法はありますか?tr

Answer 1

http://jsfiddle.net/vB2jY/を使用できますrowspan

これにより、tdセルは前述の行数を占有します。

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

Answer 2

テーブルは、表形式のデータを表示する場合にのみ最適であり、あなたが説明するような複雑なレイアウトには適していないと思います。

それでもrowspan、最初の列のデータの属性を使用して 3 行に拡張することで、これを実現できます。