Html 拆分表列'；s在第一行，然后有条件地拆分列'；她在第二排

因此，我尝试使用表标记在引导中显示表布局：

所以在我们的表中，我们有2行，每行有3列。在第二列中，我们有条件地显示块，如第1行的第2列，可以有单个子块，也可以有2个子块。现在的问题是，我如何将第2列划分为2个不同的列，因为我读到的是colspan适用于下一列，但这里我们针对的是第1行本身。 第二个问题是，假设我能够平均分割第一行的第二列，那么第二行的第二列就不能正确渲染。我必须处理这个问题，同样的条件也适用于第1行的BLock2

我提供了我编写的代码片段：

<Tables bordered>
<tr>
    <td rowSpan={2}>
        Block1(Row1)
    </td>
    (condition)?
        <td coSpan={2}>
            Block2(Row1) Subblock1
        </td>
        <td>
            Block2(Row1) Subblock2
        </td>
    :
        <td coSpan={2}>
            Block2(Row1) 
        </td>
    <td rowSpan={2}>
        Block3(Row1)
    </td>
</tr>
<tr>
    (condition)?
        <td>
            <Col>
                Block1(Row2)
                subblock1
            </Col>
        </td>
        <td>
            <Col>
                Block1(Row2)
                subblock2
            </Col>
        </td>
    : 
        <td>
            <Col>
                Block1(Row2)
            </Col>
        </td>
</tr>

区块1（第1行）
（情况）？
块2（行1）子块1
区块2（第1行）子区块2
:
区块2（第1行）
区块3（第1行）
（情况）？
区块1（第2排）
子区块1
区块1（第2排）
子区块2
: 
区块1（第2排）

如何实现此布局？一切都会有帮助的