动态添加内容到Bootstrap面板，溢出停止工作

Question

我在Bootstrap面板主体上有溢出样式。它通常工作正常。在一个特定区域，我有一个动态填充的面板。如果该面板的面积大于面板的正常尺寸，则它会延伸到屏幕外，而不是使用它具有的overflow-y CSS属性。

当您调整屏幕大小或打开开发人员控制台（Chrome）时，它会自行调整大小并使用滚动条将内容放在更小的div中。

将动态添加的数据处理到Bootstrap面板的最佳实践方法是什么，该面板会溢出面板，并使其第一次自动调整大小而不必调整浏览器的大小？

样式“overflow-y：auto”出现在“#reportBody”上，如下所示：

        <div class="panel-body" id="reportBody">
            <table class="table table-striped" id="reportDataTable">
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Total Cats</th>
                    <th>Clean Cats</th>
                    <th>Unclean Cats</th>
                    <th>Old Cats</th>
                    <th>Slightly Wrinkly Cats</th>
                    <th>Historical Cats</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>