blazor 表格做成单页滚动

要将Blazor表格制作成单页滚动，您可以使用CSS样式和些JavaScript代码来实现。下面是一种实现方法：

1. 首先，为表格容器创建一个固定高度的div，并设置其样式为`overflow-y: scroll`，这将创建一个垂直滚动条。

<div style="height: 300px; overflow-y: scroll;">
    <!-- 表格内容 -->
    <table>
        <!-- 表头 -->
        <thead>
            <tr>
                <th>列1</th>
                <th>列2</th>
                <th>列3</th>
            </tr>
        </thead>
        <!-- 表格数据 -->
        <tbody>
            <tr>
                <td>数据1</td>
                <td>数据2</td>
                <td>数据3</td>
            </tr>
            <!-- 其他行 -->
        </tbody>
    </table>
</div>

2. 接下来，您可以使用JavaScript代码来计算表格的宽度，并将其应用于表头的每个单元格。这样可以确保表头与表格内容的列对齐。

<script>
    window.addEventListener('DOMContentLoaded', (event) => {
        const table = document.querySelector('table');
        const ths = table.querySelectorAll('th');
        const tds = table.querySelectorAll('tbody tr:first-child td');

        ths.forEach((th, index) => {
            const tdWidth = tds[index].offsetWidth;
            th.style.width = `${tdWidth}px`;
        });
    });
</script>

通过以上步骤，您可以将Blazor表格制作成单页滚动。请注意，这只是一种实现方法，您可以根据自己的需求进行调整和修改。