Javascript 动态地将内容添加到引导面板，溢出停止工作

我在引导面板主体上有一个overflow-y样式。它通常工作正常。在一个特定区域，我有一个动态填充的面板。如果该面板的大小超过了面板的正常大小，那么它将扩展到屏幕之外，而不是使用它的overflow-ycss属性

当您调整屏幕大小，或打开开发者控制台（Chrome）时，它会正确调整自身大小，并使用滚动条将内容放入更小的div中

处理向引导面板中动态添加的数据的最佳实践方法是什么，该数据会溢出面板，并使其在第一次自动调整大小，而无需调整浏览器的大小

样式“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>

名称
猫总数
清洁猫
不洁猫
老猫
略带皱纹的猫
历史猫

我使用

style=“overflow:auto”

将滚动条添加到动态填充的表中。当你说你有一个overflowy风格，你的意思是你尝试过这个，但它不起作用吗？我把它放在div上，而不是桌子上。我没有时间设置测试，但我会在面板上尝试将溢出设置为隐藏和/或显示为无，然后在加载之后，我会使用jquery将溢出设置为自动和/或显示为阻止。通过这种方式，内容存在于DOM中，当应用css规则时，可以计算其宽度。我也尝试过，在加载数据后设置css。它没有改变它（我猜想），因为引导程序动态地设置高度。