jQuery数据表对页面加载无响应

Question

基本上，我有一个要响应的数据表（使用数据表jquery插件）。我已经按照文档进行了设置，但是表格超出了容器的范围，直到我手动调整屏幕大小为止。一旦执行此操作，表将正确调整大小，并且会响应。

我具有通过CDN加载的数据表响应CSS和JS库

generate APK menu

<div class="table-responsive">
<table id="stock" class="table table-responsive display nowrap" cellspacing="0" style="width:100%">
    <thead>
        <tr>
            <th>Species</th>
            <th>Length (mm)</th>
            <th>Width (mm)</th>
            <th>Thickness (mm)</th>
            <th>Provenance</th>
            <th>Cost per board (GBP)</th>
            <th># in stock</th>
            <th>Notes</th>
        </tr>
    </thead>
    <tbody>
        {% for x in dat %}
        <tr>
            <td>{{x.stock_id__species__species_name}}</td>
            <td>{{x.length}}</td>
            <td>{{x.width}}</td>
            <td>{{x.thickness}}</td>
            <td>{{x.stock_id__origin__site_name}}</td>
            <td>{{x.board_value}}</td>
            <td>{{x.nn}}</td>
            <td>{{x.notes|convertblank}}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>