Blazor服务器端表具有分页和使用引导的多行选择功能？

Blazor 是一种使用 C# 和 HTML 构建交互式 Web UI 的框架，它允许开发者使用 .NET 在服务器端或客户端运行。Blazor Server 是其中的一个模式，它在服务器上执行组件逻辑，并通过 SignalR 与客户端浏览器进行实时通信。

基础概念

分页：是一种将大型数据集分割成较小部分的技术，以便用户可以更容易地浏览和查找所需信息。

多行选择：允许用户同时选择表格中的多行数据，这在处理大量数据时非常有用。

引导（Bootstrap）：是一个流行的前端框架，用于快速开发响应式和移动优先的网站。

类型

客户端分页：数据在客户端处理，每次只加载当前页的数据。
服务器端分页：数据在服务器端处理，每次请求只返回当前页的数据。

应用场景

大型数据集：当需要展示大量数据时，分页可以提高用户体验。
实时应用：Blazor Server 的实时特性适合聊天应用、监控系统等。
企业应用：需要复杂交互和数据处理的企业级应用。

示例代码

以下是一个简单的 Blazor Server 应用示例，展示了如何实现带有分页和多行选择功能的表格：

@page "/table"
@using System.Linq
@inject HttpClient Http

<h3>Table with Pagination and Multi-Select</h3>

<table class="table table-striped">
    <thead>
        <tr>
            <th><input type="checkbox" @onchange="ToggleAllSelections" /></th>
            <th>ID</th>
            <th>Name</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in paginatedData)
        {
            <tr>
                <td><input type="checkbox" @bind="item.IsSelected" /></td>
                <td>@item.Id</td>
                <td>@item.Name</td>
            </tr>
        }
    </tbody>
</table>

<button @onclick="PreviousPage" disabled="@currentPage <= 1">Previous</button>
<button @onclick="NextPage" disabled="@currentPage >= totalPages">Next</button>

@code {
    private List<Item> items = new List<Item>();
    private List<Item> paginatedData = new List<Item>();
    private int currentPage = 1;
    private int pageSize = 10;
    private int totalPages;

    protected override async Task OnInitializedAsync()
    {
        items = await Http.GetFromJsonAsync<List<Item>>("api/items");
        totalPages = (int)Math.Ceiling((double)items.Count / pageSize);
        UpdatePagination();
    }

    private void UpdatePagination()
    {
        paginatedData = items
            .Where(i => i.IsSelected == false) // Example filter
            .Skip((currentPage - 1) * pageSize)
            .Take(pageSize)
            .ToList();
    }

    private void NextPage()
    {
        currentPage++;
        UpdatePagination();
    }

    private void PreviousPage()
    {
        currentPage--;
        UpdatePagination();
    }

    private void ToggleAllSelections(ChangeEventArgs e)
    {
        bool isChecked = (bool)e.Value;
        foreach (var item in paginatedData)
        {
            item.IsSelected = isChecked;
        }
    }

    public class Item
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public bool IsSelected { get; set; }
    }
}