如何将滚动添加到 django 渲染 table？

Question

所以这是 table。当我给 height:500px 它修改每一行的高度而不是 table 的高度，如果我将 overflow-y:scroll 添加到 table，tbody 它不起作用.行数取决于 frame_list 中存在多少帧。如何为此添加滚动 table?

<table id="telemetry_table1">
       <thead>
            <tr>
                <th>Frame identifier</th>
                <th>Frame Arriving Date</th>
                <th>Frame Arriving Time</th>
            </tr>
        </thead>

     <tbody>
        {% for frame in frame_list %}
            <tr>
                <td>{{frame.frame_identifier_type}}</td>
                <td>{{frame.frame_arriving_time}}</td>
                <td>{{frame.frame_arriving_date}}</td>
            </tr>
        {% endfor %}
     </tbody>
</table>

Answer 1

尝试将此添加到您的 css

#telemetry_table1 {
    position:relative;
    overflow:auto;
}

Answer 2

修复了它，我只需要将 table 包裹在 div 中并向其添加滚动条。然后就可以了。

如何将滚动添加到 django 渲染 table？

How to add scroll to django rendered table?

html

css

django

html-table