scroll - 如何使用语义ui的固定表头使表在div内可滚动？

Question

我让表格在 div 内可滚动，一切正常，但表格标题滚动太多。我想让表格标题固定。并且该表在 div 中呈现。我使用 PahingHelper 模型进行分页。我尝试在表格中使用可滚动，但它也不起作用。所以，我在这里制作可滚动表格。有什么办法可以让表格滚动？// 这是我的滚动示例代码

@model ShresthaTrade.Helper.PagingHelper
    <table >
            <tr>
                <th>Brand</th>
                <th>Machine Type</th>
                <th>Machine Model</th>
                <th>Machine Serial</th>
                <th>Mac Address</th>

        </tr>
        </table>
<div style=" overflow:auto; height: 340px;">
    <table >
        <tbody>
            @if (Model.Datatable.Rows.Count > 0)
            {
                foreach (System.Data.DataRow row in Model.Datatable.Rows)
                {
                    <tr>
                        <td>@row["brand_name"]</td>
                        <td>@row["machine_type_name"]</td>
                        <td>@row["MachineModel"]</td>
                        <td>@row["MachineSerial"]</td>
                        <td>@row["MacAddress"]</td>
                    </tr>

                }
            }
            else
            {
                <tr>
                    <td colspan="4">No records are found</td>
                </tr>
            }
        </tbody>
    </table>
</div>