我通过另一个问题获得了帮助，以便创建一个根据列的内容调整列大小的表，以及其他一些条件： CSS表的宽度和列宽均为100%

这个表通常可以工作，但是当我在网格中使用它时，它会溢出它的列的边界。 下面是一个可以看到的例子： https://codepen.io/melonfacedoom/pen/powkavv

来自CodePen的HTML:

<div class="two-column-wrapper">
        <article class="two-column-article left-content">
            <h1 class="title purple-light-1">left side</h1>
            <p>some text</p>
        </article>
        <article class="two-column-article right-content">
            <h1 class="title green">right side</h1>
            <table class="content-table">
                <thead>
                    <tr>
                        <th>Example</th>
                        <th>Example</th>
                        <th>Example</th>
                        <th>Example</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Example</td>
                        <td>Example</td>
                        <td>Example</td>
                        <td>Example</td>
                    </tr>
                    <tr>
                        <td>Example</td>
                        <td>ExampleExampleExampleExampleExampleExampleExampleExampleExampleExampleExampleExampleExampleExampleExampleExample</td>
                        <td>Example</td>
                        <td>Example</td>
                    </tr>
                    <tr>
                        <td>Example</td>
                        <td>Example</td>
                        <td>Example</td>
                        <td>Example</td>
                    </tr>
                    <tr>
                        <td>Example</td>
                        <td>Example</td>
                        <td>Example</td>
                        <td>Example</td>
                    </tr>
                    <tr>
                        <td>Example</td>
                        <td>Example</td>
                        <td>Example</td>
                        <td>Example</td>
                    </tr>
                </tbody>
            </table>
        </article>
    </div>

来自CodePen的CSS: