在第一行中拆分表列，然后在第二行中有条件地拆分列

Question

所以我试图使用Table标记在Bootstrap中显示表布局：

因此在我们的表中，我们有2行，每行3列。在第二列中，我们有条件地显示块，例如第1行的第2列可以有一个子块，也可以有2个子块。现在的问题是，如何将第2列分为2个不同的列，因为我读到的是 colspan 适用于下一个列，但是这里我们的目标是第1行本身。 第二个问题是，如果我能够相等地拆分第一行的第二列，那么第二行的第二列将无法正确渲染。我必须照顾到这一点，并且要像与Row1的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>

如何实现这种布局？一切都会有所帮助。