html-table - HTMLの列にセルを追加する方法

Question

画像を添付した行列内に別のテーブルを追加せずに、html テーブルの行列にセルを追加する方法はありますか。ここに私のコードがあります

<tr>
        <tbody>
        <td>Name</td>
        <td><div id="span1">Units</div>
            <div id="span2" class="side-border">price</div>
            <div id="span2" class="r">value</div>
        </td>
        </tbody>
</tr>

Answer 1

行の構造を変更したい場合は、 と をチェックする必要がcolspanありrowspanます。数値が加算されるはずです。

例

<table border="1px">
<tr>
    <td colspan="5">Hello</td>
    <td>World</td>
</tr>
<tr>
    <td rowspan="2">col 1</td>
    <td colspan="4">CENTER</td>
    <td>right</td>
</tr>
<tr>
    <td colspan="3">Text</td>
    <td colspan="3">bottom right</td>
</tr>
</table>

からの数colspanを足すと 6 にrowspanなり、3 になります。それらが何であるかを説明するのは少し難しいですが、テーブルをどのように見せたいかを視覚化してから、次のようにしてください。

1. テーブルには最大数の行が必要です
2. テーブルには最大数の列が必要です
3. rowspanテーブル全体で使用するには、合計する必要があります (多かれ少なかれ)
4. colspanテーブル全体で使用される場合は、合計する必要があります (多かれ少なかれ)。

それに続いて、いくつかの「複雑な」表の HTML を作成すると、その要点がわかります。