带有烧瓶的 html 上的可滚动表

Question

我一直在尝试让我的表格可滚动但没有任何帮助，当然我已经在这里查找了很多帖子，但没有一个可以工作，也许这与表格的创建方式有关。< /p>

我使用 Flask 并给前端一个列表，然后他在表中声明它们

"file_sizes" 和 "dataset" 是我提供给模板的列表

<table class="table" id="dataextractor">
                    <thead>
                    <tr>
                        <th class="col-xs-1">Auswahl</th>
                        <th>Dateigröße [MB]</th>
                        <th>Datei</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for dataset in datasets %}
                    {% set index = loop.index -1 %}
                    {% set index_num = loop.index -1 %}
                    {% set index = index | string %}
                    <tr>
                        <td>{{ file_sizes[index_num] }}</td>
                        <td>{{ dataset }}</td>
                    </tr>
                    {% endfor %}

                    </tbody>
                    <tfoot>
                    <tr>
                        <td>∑</td>
                        <td>
                            <div>
                                <p id="sum_of_sizes">
                                    0
                                </p>
                            </div>
                        </td>
                    </tr>


                    </tfoot>
                </table>

这是我的桌子。我已经为它创建了一些 css，但它不起作用，所以我不在这里发布它，因为我认为问题实际上是表格的内容正在由烧瓶（jinja2）及时创建