网格内的语义ui表

Question

当我们在网格中添加表格时，它会强制下一列在下面流动，然后您无法控制不同设备尺寸的显示。有谁知道如何解决这个问题？

<div class="ui grid">
        <div class="sixteen wide mobile eight wide tablet four wide computer column">
            <p>1 row mobile - 2 tablet - 4 computer</p>
            <table>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
            </table>
        </div>
        <div class="sixteen wide mobile eight wide tablet four wide computer column">
            <p>1 row mobile - 2 tablet - 4 computer</p>
            <table>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
            </table>
        </div>
        <div class="sixteen wide mobile eight wide tablet four wide computer column">
            <p>1 - row mobile - 2 tablet - 4 computer</p>
        </div>
        <div class="sixteen wide mobile eight wide tablet four wide computer column">
            <p>1 - row mobile - 2 tablet - 4 computer</p>
        </div>
    </div>

尝试删除第二个表，您将看到它将正确替换它。 在chrome中运行调试时，您会看到它将包含表的类更改为：

在
    十六宽移动八宽平板四宽电脑列

在
    十六宽移动八平板电脑四柱