{"id":21935989,"url":"https://github.com/villainoustourist/blazor.pagination","last_synced_at":"2025-07-22T02:31:07.157Z","repository":{"id":53820401,"uuid":"162195364","full_name":"villainoustourist/Blazor.Pagination","owner":"villainoustourist","description":"A reusable pagination component for Blazor.","archived":false,"fork":false,"pushed_at":"2023-02-02T11:59:43.000Z","size":264,"stargazers_count":38,"open_issues_count":6,"forks_count":18,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-31T22:57:37.486Z","etag":null,"topics":["asp-net-core","blazor","pagination"],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/villainoustourist.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-12-17T22:04:30.000Z","updated_at":"2024-07-17T12:37:31.000Z","dependencies_parsed_at":"2023-02-17T19:31:14.679Z","dependency_job_id":null,"html_url":"https://github.com/villainoustourist/Blazor.Pagination","commit_stats":null,"previous_names":[],"tags_count":30,"template":false,"template_full_name":null,"purl":"pkg:github/villainoustourist/Blazor.Pagination","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/villainoustourist%2FBlazor.Pagination","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/villainoustourist%2FBlazor.Pagination/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/villainoustourist%2FBlazor.Pagination/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/villainoustourist%2FBlazor.Pagination/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/villainoustourist","download_url":"https://codeload.github.com/villainoustourist/Blazor.Pagination/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/villainoustourist%2FBlazor.Pagination/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266412206,"owners_count":23924468,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-22T02:00:09.085Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["asp-net-core","blazor","pagination"],"created_at":"2024-11-29T01:12:45.753Z","updated_at":"2025-07-22T02:31:06.820Z","avatar_url":"https://github.com/villainoustourist.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Blazor.Pagination\r\nA reusable pagination component for .NET Core Blazor.\r\n\r\n[![Build Status](https://kfranken.visualstudio.com/Personal/_apis/build/status/Build%20%26%20Publish%20Blazor%20Pagination?branchName=master)](https://kfranken.visualstudio.com/Personal/_build/latest?definitionId=13\u0026branchName=master)\r\n[![Package Version](https://img.shields.io/nuget/v/BlazorPagination.svg)](https://www.nuget.org/packages/BlazorPagination/)\r\n[![NuGet Downloads](https://img.shields.io/nuget/dt/BlazorPagination.svg)](https://www.nuget.org/packages/BlazorPagination/)\r\n[![License](https://img.shields.io/github/license/villainoustourist/Blazor.Pagination.svg)](https://github.com/villainoustourist/Blazor.Pagination/blob/master/LICENSE)\r\n\r\n\r\n## Installation\r\n\r\nAdd the BlazorPagination NuGet package to your .NET Core Blazor app using the following command in the Package Manager Console:\r\n```\r\nPM\u003e Install-Package BlazorPagination\r\n```\r\nor using .NET CLI run the following command\r\n```\r\ndotnet add package BlazorPagination\r\n```\r\n\r\nOnce you have installed the package add the following line in the ```_ViewImports.cshtml``` file\r\n```\r\n@addTagHelper *,BlazorPagination\r\n```\r\n## Usage\r\n\r\n```\r\n...\r\n@using BlazorPagination\r\n...\r\n\u003ctable class=\"table\"\u003e\r\n    \u003ctbody\u003e\r\n    @foreach (var item in _data.Results)\r\n    {\r\n    \u003ctr\u003e@item\u003c/tr\u003e\r\n    }\r\n    \u003c/tbody\u003e\r\n\u003c/table\u003e\r\n\u003cBlazorPager CurrentPage=\"@_data.CurrentPage\"\r\n         PageCount=\"@_data.PageCount\"\r\n         OnPageChanged=\"(async e =\u003e { _page = e; await FetchData();})\"\r\n\r\n         ShowFirstLast=\"false\"\r\n         ShowPageNumbers=\"true\"\r\n         VisiblePages=\"10\"\r\n         FirstText=\"First\"\r\n         LastText=\"Last\" /\u003e\r\n...\r\n@code {\r\n    private PagedResult\u003cstring\u003e _data;\r\n    private string _filter;\r\n    private int _page = 1;\r\n    protected override OnInitialized()\r\n    {\r\n        _data = FetchData(_filter, _page);\r\n    }\r\n}\r\n```\r\n\r\nDefault HTML output:\r\n\r\n```\r\n\u003cul class=\"pagination justify-content-end\"\u003e \r\n    \u003cli class=\"page-item disabled\"\u003e\u003ca class=\"page-link\"\u003e\u003cspan aria-hidden=\"true\"\u003ePrevious\u003c/span\u003e\u003cspan class=\"sr-only\"\u003eGo to previous page\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\r\n    \u003cli class=\"page-item active\"\u003e\u003ca class=\"page-link\"\u003e1\u003c/a\u003e\u003c/li\u003e\r\n    \u003cli class=\"page-item\"\u003e\u003ca class=\"page-link btn btn-link\"\u003e2\u003c/a\u003e\u003c/li\u003e\r\n    \u003cli class=\"page-item\"\u003e\u003ca class=\"page-link btn btn-link\"\u003e3\u003c/a\u003e\u003c/li\u003e\r\n    \u003cli class=\"page-item\"\u003e\u003ca class=\"page-link btn btn-link\"\u003e4\u003c/a\u003e\u003c/li\u003e\r\n    \u003cli class=\"page-item\"\u003e\u003ca class=\"page-link btn btn-link\"\u003e5\u003c/a\u003e\u003c/li\u003e\r\n    \u003cli class=\"page-item\"\u003e\u003ca class=\"page-link btn btn-link\"\u003e\u003cspan aria-hidden=\"true\"\u003eNext\u003c/span\u003e\u003cspan class=\"sr-only\"\u003eGo to next page\u003c/span\u003e\u003c/a\u003e\u003c/li\u003e\r\n\u003c/ul\u003e\r\n```\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvillainoustourist%2Fblazor.pagination","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvillainoustourist%2Fblazor.pagination","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvillainoustourist%2Fblazor.pagination/lists"}