A reusable grid component for Blazor with the support of client side pagination.
Switch branches/tags
Nothing to show
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
BlazorGridComponent Update LICENSE Nov 30, 2018
E2ETestApp Updated the test app Nov 29, 2018
README.md Update README.md Dec 2, 2018
_config.yml Set theme jekyll-theme-slate Dec 5, 2018


License Package Version


This is a reusable grid component for Blazor. It also support client side pagination.


The BlazorGrid component can be used in a Blazor application only. To create a Blazor application follow the steps mentioned at https://blazor.net/docs/get-started.html

Nuget Gallery

The Nuget package page can be found at https://www.nuget.org/packages/BlazorGrid/


To install BlazorGrid using NPM run the following command

Install-Package BlazorGrid

To install BlazorGrid using .NET CLI run the following command

dotnet add package BlazorGrid

After you have installed the package add the following line in the _ViewImports.cshtml file

@addTagHelper *,BlazorGridComponent

Sample usage

The <BlazorGrid> component accepts following parameters

  • Items : The list of items supplied to the BlazorGrid.
  • PageSize : Size of each page of BlazorGrid. This is a required field.
  • GridHeader : Header for BlazorGrid.
  • GridRow : Rows for BlazorGrid.

Refer to the sample code below:

<BlazorGrid Items="@forecasts" PageSize="4">
@functions {
    WeatherForecast[] forecasts;

    protected override async Task OnInitAsync()
        forecasts = await Http.GetJsonAsync<WeatherForecast[]>("sample-data/weather.json");

    class WeatherForecast
        public DateTime Date { get; set; }
        public int TemperatureC { get; set; }
        public int TemperatureF { get; set; }
        public string Summary { get; set; }

Sample Output

Alt Text


Feel free to use this component and provide your valuable feedback. If you encounter any bugs open an issue and discuss.

BlazorGrid blog

To learn how the BlazorGrid is created refer to my article https://ankitsharmablogs.com/blazorgrid-reusable-grid-component-for-blazor/

Release notes


  • Updated license


  • Initial release